@import './pages/onlineAssessment';
@import './pages/major';

body,pre{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 14px;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}
.flex-ct,.flex-bect,.flex-le,.flex-lect, .flex-rict{
  display: -ms-flexbox;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
}
table{border-collapse:collapse;}
.bgle{background-position: 0 center;background-repeat: no-repeat;}
body{background-color: #FFFFFF; color: #000;}
*{padding: 0;margin: 0;box-sizing: border-box;}
ul{list-style: none;}
a{color: #000;text-decoration: none;}
.flex-ct{align-items: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -ms-flex-pack: justify;  justify-content: center;}
.flex-bect{align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -ms-flex-pack: justify;  justify-content: space-between;}
.flex-lect{-moz-align-items: center; -ms-jalign-items: center; -o-align-items: center; -ms-flex-pack: align;align-items: center}
.flex-rict{-moz-align-items: center; -ms-jalign-items: center; -o-align-items: center; -ms-flex-pack: align;align-items: center}
.flex1{flex: 1; width: 100%;}
.bgCover{background-position: center; background-size: cover;background-repeat: no-repeat;}
.padd{padding: 88px 0;}
.box{width: 1200px; margin-left: auto !important; margin-right: auto !important;}
.ani,.aniAll,.aniAll *{transition: all ease 0.3s;}
.img{object-fit: cover; max-width: 100%; max-height: 100%; display: block;}
.cur{cursor: pointer;}
.row1,.row2,.row3,.row4,.row5,.row6,.row7,.row8{  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;}
.row1 {  -webkit-line-clamp: 1;}
.row2 {  -webkit-line-clamp: 2;}
.row3 {  -webkit-line-clamp: 3;}
.row4 {  -webkit-line-clamp: 4;}
.row5 {  -webkit-line-clamp: 5;}
.row6 {  -webkit-line-clamp: 6;}
.row7 {  -webkit-line-clamp: 7;}
.row8 {  -webkit-line-clamp: 8;}
.ov{overflow: hidden;}
.re{position: relative;}
.inbk{display: inline-block; vertical-align: middle;}
.inbks *{display: inline-block; vertical-align: middle;}

$red:#FF2E30;
$red1:#FF2E30;

@-moz-keyframes sub{
  0%{opacity: 0; transform: translate(-50%,10px)}
  100%{opacity: 1; transform: translate(-50%,0);}
}
@keyframes sub{
  0%{opacity: 0; transform: translate(-50%,10px)}
  100%{opacity: 1; transform: translate(-50%,0);}
}
#header{
  position: relative; z-index: 98;
  &.header1{
    .dd{margin-left: 60px !important;}
  }
  .top{
    background-color: #F5F6F9; 
    .box{font-size: 12px; height: 28px;}
    .le{background-image: url(../image/nav/top-ico-lb.png); background-position: 0 center; background-repeat: no-repeat; background-size: 14px; color: #FF2E30; padding-left: 18px; }
    .ri{color: #000000;}
  }
  .con{
    background-color: #FFFFFF;
    .logo{
      max-height: 45px; position: relative; z-index: 20; max-width: 164px;
      img{max-width: 100%; max-height: 100%; display: block;}
    }
    .box{ padding: 19px 0 28px; position: relative;}
    .dd{
      margin-left: 68px; display: flex; align-items: center; justify-content: space-between;  height: 45px;
      &:first-child{margin-left: 0 !important;}
      &.on{font-weight: bold; color: $red;}
    }
    .have{
      &:hover{
        .sub{  display: block;}
        .nava{
          &::after{transform: rotate(180deg); border-top-color: red;}
        }
      }
      .nava{
        &::after{content: ''; display: block;width: 0px; height: 0px; border: 5px solid transparent; border-bottom: none; border-top-color: #D4D4D4; margin-left: 6px; border-top-width: 8px; transition: all ease 0.3s;}
        
      }
      &.have1{position: relative;}
    }
    
    .nava{
      font-size: 16px; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; cursor: pointer;
    }
    .sub{
      position: absolute; width: 128px; left: 50%; top: 40px; padding: 8px 0; text-align: center; display: none; opacity: 0; transform: translateX(-50%); animation-delay: 0.2s; animation-fill-mode: forwards; animation-name: sub; animation-duration:0.2s; padding-top: 33px;
      .div{border-radius: 4px; background-color: #FFFFFF; padding: 8px 0;}
      .sub-a{
        font-size: 16px; display: block; padding: 8px 0;
        &:hover{text-decoration: underline; color: $red;}
      }
    }
    .subW{
      width: 100%; padding-top: 53px; font-size: 16px;
      .div1{background: linear-gradient(0deg, #FFFFFF 36%, #FFF4F4 100%);border-radius: 0px 0px 10px 10px; padding: 30px; padding-bottom: 26px;}
      .tab{
        width: 200px; height: 43px; border-radius: 40px; border: 1px solid $red; position: relative;overflow: hidden; 
        &.tab0::after{left: 0;}
        &.tab1::after{right: 0;}
        &::after{content: ''; display: block; width: 115px; background-color: $red; position: absolute; z-index: 2; height: 100%; border-radius: 40px; transition: all ease 0.3s;}
        .btn{
          width: 50%; font-size: 16px; position: relative; z-index: 4; display: flex; align-items: center; justify-content: center; height: 100%; cursor: pointer;
          &.on{color: #FFFFFF;}
        }
      }
      .lab{
        color: #999; border: 1px solid #CCCCCC; height: 33px; border-radius: 33px; display: flex; align-items: center; justify-content: center; padding: 0 15px; margin-left: 12px;
        b{margin-right: 4px;}
      }
      .list-box{overflow: hidden; margin-top: 14px;}
      .list{
        flex-wrap: wrap; width: 110%; border-bottom: 1px solid #F0F0F0; padding: 14px 0;
        &:last-child{border-bottom: none;}
        .item{
          display: flex; align-items: center; width: 17%; margin: 0 1.5% 0 0;
          .imgW{width: 60px; height: 60px; border-radius: 50%; border: 1px solid #feede5; overflow: hidden; margin-right: 14px;}
          .name{width: 140px; line-height: 20px;height: 20px; text-align: left;}
        }
      }
    }
  }
}
#footer{
  background-color: #1C2029; 
  .box1{
    padding: 45px 0 70px; color: #fff;
    .le{
      .tit{font-size: 25px; font-weight: bold; margin-bottom: 33px;}
      
      .item{
        margin-bottom: 30px;
        .tit2{font-weight: bold; margin-bottom: 10px; line-height: 1;}
        .a{
          font-size: 12px; line-height: 1; color: #fff;
          &:hover{color: $red; text-decoration: underline;}
        }
        .line{margin: 0 10px; height: 12px; width: 1px; background-color: #fff;}
      }
    }
    .ri{
      text-align: center;
      .p2{font-size: 12px; line-height: 1; margin-bottom: 20px;}
      .wx{width: 120px; height: 120px; background-color: #fff; padding: 6px; margin:0 auto 18px;}
      .p3{line-height: 1; font-weight: bold;}
    }
    .form{
      width: 644px;
      height: 180px;
      background: #FFFFFF;
      border-radius: 10px; padding: 6px 20px;
      .tit{
        padding: 12px 0; border-bottom: 1px solid #E6E6E6; display: flex; align-items: center; line-height: 1; color: #000; font-size: 20px; margin-bottom: 10px;
        .ico{margin-right: 13px; width: 18px;}
      }
      .el-form-item{
        margin-bottom: 13px; 
        .el-input__inner{height: 32px;background-color: #F3F3F3; border-radius: 16px; font-size: 13px; padding:0 10px;}
        
        
      }
      .el-form-item__content{width: 100%;}
      .el-form-item__label{padding-right: 6px;}
      .text1{width: 121px; }
      .text2{width: 138px;
        .el-input__inner{padding-left: 30px;}
      }
      .el-form-item__error{padding-top: 0;}
      .text3{width: 171px;}
      .btn{ background-color: $red; color: #fff; font-size: 13px; height: 32px;margin-bottom: 13px; border-radius: 16px; cursor: pointer; }
    }
  }
  .copy{
    background-color: #fff; font-size: 16px; text-align: center; padding: 10px; color: #1C2029;
  }
}

#right{
  position: fixed; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff; box-shadow: 0px 0px 10px 0px #C8C8C8; border-radius: 4px; width: 140px; z-index: 90;
  .top{
    padding: 15px 10px;
    .ico{width: 34px; display: block; margin: 0 auto 10px;}
    .tit{text-align: center; font-weight: bold; font-size: 18px;line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5;}
    
  }
  .kefu{
    padding: 0 10px;
    .item{
      padding: 4px 0; display: flex; align-items: center; justify-content: space-between; font-size: 14px;
      .kfbtn{background-color: $red; color: #fff; font-size: 12px; width: 45px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 20px;}
    }
  }
  .tit2{
    display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: bold; background-color: $red; height: 40px;
    .ico{width: 17px; margin-right: 7px;}
  }
  .bot{
    padding: 0 17px;
    .wx{
      width: 100%; display: block; margin: 14px auto 0;
      .img1{display: block; width: 100%;}
    }
    .p1{font-size: 16px; line-height: 1; margin: 10px 0;}
    .p2{font-size: 16px; font-weight: bold; color: $red; line-height: 1;}
    .line{width: 100%; height: 1px; background-color: #E5E5E5; margin: 15px 0 0;}
    .back{
      width: 100%; height: 40px; position: relative; cursor: pointer;
      &::after, &::before{content: ''; display: block; border: 10px solid transparent; border-top: none;border-bottom-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 6;}
      &::after{border-bottom-color: #999999; z-index: 4; margin-top: -2px;}
    }
  }
  
}
.app-con{
  position: relative;z-index: 4;
}
#app{width: 100%; max-width: 1920px; margin: 0 auto;}
.banner{
  position: relative;
  .item{
    height: 484px;
    .img{height: 100%; width: 100%;}
  }
  .ban-dot1{
    position: absolute; width: 100%; left: 0; bottom: 20px; z-index: 60; text-align: center;
    span{background-color: #fff;}
  }
}

.home-main1{
  height: 253px; width: 100%; background-image: url(../image/home/bg1.png); background-size: 100% 100%; padding-top: 36px;
  .tab{
    .item{
      font-size: 20px; cursor: pointer; position: relative;
      &.on{
        font-weight: bold; color: $red;
        &::after{content: ''; display: block; width: 0px; height: 0px; border: 12px solid transparent; border-top: none; border-bottom-color: $red; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 23px;}
      }
    }
    .line{width: 1px; height: 34px; background: linear-gradient(0deg, #FFFFFF 0%, #FFA2A3 20%,#FFA2A3 80%, #FFFFFF 100%,); margin: 0 63px;}
  }
  .ban{
     background-color: #fff; overflow: hidden; opacity: 0; padding-left: 39px; height:0px; position: relative;
     &.on{height: auto; border-top: 1px solid $red; opacity: 1; margin-top: 32px; overflow: visible;}
    .swiper-slide{
      display: flex; align-items: center; justify-content: space-between;
      &::after{content: ''; display: block; width: 1px; height: 40px; background-color: #EDEDED;}
      .item{padding: 25px 0;}
      .name{width: 142px; line-height: 20px; height: 20px; font-size: 16px; margin-left: 14px;}
      .ico{width: 60px; height: 60px;border-radius: 50%; border: 1px solid #feede5; overflow: hidden;}
      
    }
    .ban-contain{overflow: hidden;}
    .arrow{
      position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: block; cursor: pointer; background-image: url(../image/home/prev1.png); background-position: center; background-repeat: no-repeat;
      &.prev{ left: -40px; }
      &.next{ right: -40px; transform:translateY(-50%) rotate(180deg); }
      &:hover{
        background-image: url(../image/home/prev2.png);
      }
    }
    
    
  }
}

.home-main2{
  padding: 50px 0 ;
  .box{margin-bottom: 20px;}
  .w1{
    .w1-div {
      width: 869px;
      height: 271px;
      background: #FFFFFF;
      box-shadow: 0px 0px 6px 0px rgba(172,172,172,0.51);
      border-radius: 10px
    }
    
  }
  .tab{
    padding: 22px; background-color: #FFF5F5;
    .item{
      display: flex; align-items: center;
      .name{
        width: 120px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 40px;  font-size: 20px; line-height: 1; cursor: pointer;
        &.on{ background-color: $red; color: #fff; font-weight: bold; }
      }
      .line{
        width: 1px; height: 18px; background-color: #DBDBDB; margin: 0 20px;
      }
    }
  }
  .con{
    padding: 22px;
    .imgW{
      width: 200px; height: 122px; margin-right: 27px;
    }
    .div{
      .tit{color: #010101; font-size: 20px; line-height: 26px; height: 26px;}
    }
    .swiper-slide{height: auto;}
    .ban-box{
      position: relative; padding-right: 20px;
    }
    .ban{
      height: 84px; overflow: hidden; position: relative;
      .tit2{
        font-size: 16px; line-height: 28px; height: 28px; color: #666666; text-decoration: underline;
        &:hover{color: $red;}
      }
      
    }
    .dot{
      position: absolute; right: 0; top: 50%; width: 10px; transform: translateY(-50%); line-height: 1; z-index: 9;
      .swiper-pagination-bullet {background-color: $red;  margin: 2px 0;}
      .swiper-pagination-bullet-active{}
    }
  }
  
  .w2{
    width: 302px; height: 326px;
  }
}
.home-top-tit{
  margin-bottom: 30px;
  .h2{font-size: 20px; line-height: 20px;}
  .remark{font-size: 14px; font-weight: bold; color: #6A7888;}
}
.home-main4{
  padding-bottom: 66px;
  .w1{
    width: 877px; position: relative; z-index: 10;
    .ban{
      border-radius: 10px; margin-top: 6px;
      .dot{
        position: absolute; bottom: 20px;z-index: 20; left: 0; width: 100%; text-align: center; line-height: 1;
        span{ background-color: #fff;  }
      }
    }
    .w1-box{
      width: 887px; margin: 0 -5px; position: relative; z-index: 10;
    }
    .item{
      width: 442px; height: 463px;
      &.item0{
        background-image: url(../image/home/m4-bg1.png);
        .name:hover{color: #FD6422;}
        .sub{
          background-color: #FD6422;
          .jt{border-right-color: #FD6422 !important;}
        }
      }
      &.item1{
        background-image: url(../image/home/m4-bg2.png);
        .name:hover{color: #2592FF;}
        .sub{
          background-color: #2592FF;
          .jt{border-right-color: #2592FF !important;}
        }
      }
      .tit{
        font-size: 20px; padding: 20px 0 0 40px; color: #fff; font-weight: bold; margin-bottom: 38px; line-height: 1;
      }
      .dd{
        padding: 0 35px; line-height: 35px; height: 35px; position: relative; cursor: pointer;
        &:hover{
          z-index: 8;
          
        }
        .num{width: 16px; min-width: 16px; height: 16px; background-color: #EEEEEE; font-size: 12px; border-radius: 50%; margin-right: 10px;}
        .num-0,.num-1,.num-2{height: 22px; background-repeat: no-repeat;background-size: 100%; border-radius: 0px; font-size: 0px;}
        .num-0{background-image: url(../image/home/m4-num1.png)}
        .num-1{background-image: url(../image/home/m4-num2.png)}
        .num-2{background-image: url(../image/home/m4-num3.png)}
        .name{
          font-size: 18px; position: relative; max-width: 340px;
          &:hover{
            .sub{display: block;}
          }
        }
        .sub{
          position: absolute; left: 100%; top: -10px; width: 277px; display: none; padding: 20px; font-size: 14px; border-radius: 10px; margin-left: 20px;
          .jt{content: ''; position: absolute; top: 20px; right: 100%; border: 8px solid transparent; border-left: none; border-right-width: 10px; width: 0px; height: 0px; display: block;}
          .p1{color: #fff; font-weight: bold; line-height: 1; margin-bottom: 6px;}
          .lab{background-color: #fff; border-radius: 13px; line-height: 24px; padding: 2px 10px; margin-bottom: 10px;}
          .lab2{margin-bottom: 0;}
        }
      }
    }
  }
  .w2{
    width: 306px;
    height: 755px;
    background: #F7F9FB;
    border-radius: 10px; padding: 22px;
    .h2{
      margin-bottom: 20px;
      .sp{font-size: 24px;}
      .btn{
        background-color: $red; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 10px; width: 58px;
      }
    }
    .tab{
      .item{
        width: 50%; border-radius: 10px 10px 0 0; background-color: #FFD5D5; color: $red; font-size: 18px; position: relative; height: 50px; display: flex; align-items: center;justify-content: center; cursor: pointer;
        &::after{content: ''; width: 21px; height: 4px; background: $red; border-radius: 2px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 2px; display: none;}
        &.on{
          color: #000; font-weight: bold; background-color: #fff;
          &::after{display: block;}
        }
      }
    }
    .list{
      padding: 20px 10px 0 20px; background-color: #fff; height: 610px; border-radius: 0 0 10px 10px;
      .item{
        margin: 13px 0;
        .num{font-size: 18px; width: 24px; min-width: 24px;}
        .name{font-size: 18px; padding: 0 18px; border-radius: 15px; height: 30px; display: flex; align-items: center; margin-left: 10px;}
        &:hover{
          .name{background-color: $red; color: #fff !important; font-weight: bold;}
        }
        &.on{
          .num{font-size: 20px;font-weight: bold; font-style: italic; color: $red;}
          .name{ color: $red;}
        }
      }
    }
    
  }
}
.home-main5{
  .top{
    height: 622px; background-position: center; background-size: cover; padding: 45px 0 40px; background-image: url(../image/home/m5-bg.png); 
    .title1{
      *{color: #fff;}
      .h2{font-size: 32px; color: #fff;}
      .sp{color: #FC5D1B; margin-left: 6px;}
    }
    .title2{
      margin-bottom: 14px;
      .h2{font-size: 20px; color: #FC5D1B;}
      .sp{font-weight: normal; color: #000; margin-right: 10px;}
      .ico{width: 20px; height: 20px; margin-left: 17px;}
      .labs{font-size: 16px;}
      .lab{
        border-radius: 10px; color: #fff; width: 117px; height: 34px; display: flex; align-items: center; justify-content: center; margin-left: 5px; font-weight: bold; line-height: 1;
        &.lab0{background-color: #92C0B4;}
        &.lab1{background-color: #B0BA9E;}
        &.lab2{background-color: #8EAFD1;}
        &.lab3{background-color: #EEC77A;}
      }
    }
    .con{padding: 25px 35px 0; height: 469px; border-radius: 10px; background-color: #fff;}
    .list{
      flex-wrap: wrap; margin: 0 -4px;
    }
    .item{
      width: 555px; height: 168px;border-radius: 10px; margin-bottom: 30px; position: relative; padding: 0 20px 0 120px;font-size: 16px; display: flex; align-items: center;
      .h2{font-weight: bold; line-height: 1; margin-bottom: 16px; color: #3D4431; font-size: 22px;}
      .p1{margin-bottom: 6px;}
      .lab{
        position: absolute; left: 30px; top: 0px; width: 55px; color: #fff; font-size: 20px; height: 100px; padding: 0 16px; display: flex; align-items: center;justify-content: center; flex-wrap: wrap; padding-bottom: 10px;
        &::after{
          content: ''; display: block; border: 28px solid transparent; border-bottom-color: #fff; border-top: none; position: absolute; left: 0; bottom: 0; border-bottom-width: 6px;
        }
      }
      &.item0{
        background-color: #f1f4ea;
        .lab{background-color: #b1bb9d;}
        .lab::after{border-bottom-color: #f1f4ea;}
      }
      &.item1{
        background-color: #e5edf5;
        .lab{background-color: #90afd2;}
        .lab::after{border-bottom-color: #e5edf5;}
        .h2{color: #476A8E;}
      }
      &.item2{
        background-color: #fff9ed;
        .lab{background-color: #ecc776;}
        .lab::after{border-bottom-color: #fff9ed;}
        .h2{color: #D09E3A;}
      }
      &.item3{
        background-color: #e9f1ef;
        .lab{background-color: #b1bb9d;}
        .lab::after{border-bottom-color: #e9f1ef;}
        .h2{color: #497E70;}
      }
    }
    
  }
  
  .bottom{
    padding: 50px 0;
    .title{
      font-size: 20px; line-height: 1; margin-bottom: 30px;font-weight: bold;color: $red; 
      .sp{color: #000; font-weight: normal; margin-right: 6px;}
      .ico{width: 21px; height: 22px; margin-left: 14px;}
    }
    .tab{
      border-bottom: 1px solid #DBDBDB; margin-bottom: 18px;
      .item{
        cursor: pointer; width: 185px; height: 56px;background-position: center; background-size: 100% 100%; background-repeat: no-repeat; font-size: 22px; font-weight: bold; display: flex; align-items: center; justify-content: center; color: #403F3F;
        .txt{
          background-position: 0 center; background-repeat: no-repeat; background-size: 18px; padding-left: 31px; background-image: url(../image/home/m6-ico2.png);
        }
        &.on{
          background-image: url(../image/home/choosed1.png);
          .txt{
            background-image: url(../image/home/m6-ico2on.png); color: #fff;
          }
        }
      }
      .more{
        width: 218px;
        height: 37px;
        background: #F4F4F4; font-weight: bold;
        border-radius: 19px; display: flex; align-items: center; justify-content: center; font-size: 16px;
      }
    }
    .news-list{
      width: 720px;
      .item{
        .name{max-width: 500px;}
      }
    }
    .zhaos{
      width: 413px; margin-top: 10px;
      height: 319px;
      background: #FFFFFF;
      box-shadow: 0px 0px 6px 0px rgba(172,172,172,0.51);
      border-radius: 10px; padding: 20px 0;
      .tit{
        color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center;width: 186px;height: 43px;background: #FD6B2D;border-radius: 0px 22px 22px 0px; margin-bottom: 10px;
      }
      .list{
        padding: 0 16px 0 32px;
        .item{
          color: #414E58; font-size: 18px; border-bottom: 1px solid #E6E6EA; height: 44px; display: flex; align-items: center; position: relative; margin-left: 9px;
          &::after{content: ''; display: block;width: 7px; height: 7px; background: #899199; border-radius: 50%; position: absolute; left: -16px; top: 50%; margin-top: -3px;}
          &:hover{
            color: $red;
            &::after{background-color: $red;}
          }
        }
      }
    }
    .school-list{
      display: flex; align-items: center; flex-wrap: wrap; margin-top: 35px;
      .item{
        width: 224px; height: 75px; display: flex; align-items: center; justify-content: center; font-size: 16px; margin: 0 15px 15px 0; box-shadow: 0px 0px 10px 0px #C8C8C8;border-radius: 10px ; transition: all ease .3s;
        .ico{
          width: 50px; height: 50px; margin-right: 2px;
          img{display: block; max-width: 100%; max-height: 100%;}
        }
        &:hover{
          transform: translateY(-6px);
        }
      }
    }
  }
  
  &.home-main6{
    .top{
      background-image: url(../image/home/m7-bg.png);
      
      .item{
        &.item3{
          background-color: #459AFC;
          .lab{background-color: #fff; color: #000;}
          .lab::after{border-bottom-color: #459AFC;}
          .h2{color: #fff;
            .sp{color: #124681;}
          }
          .labs{
            margin: 0 -15px; flex-wrap: wrap;
            .lab-item{
              width: 134px; margin: 0 12px 12px 0; font-size: 18px; color: #fff;
              height: 37px;
              border: 1px solid #FFFFFF;
              border-radius: 19px;
              &:hover{
                background: #FFFFFF; color: #459AFC; font-weight: bold;
              }
            }
          }
        }
      }
    }
  }
}

.home-main7{
  background-repeat: no-repeat; background-position: center 0; background-image: url(../image/home/rm-bg.png); padding: 50px 0 40px; background-color: #f6f8fa;
  .con{background-color: #fff; border-radius: 10px; padding: 30px 27px 10px;}
  .home-top-tit{
    .h2{font-size: 24px;}
  }
  .list{
    margin-right: -20px; flex-wrap: wrap; margin-bottom: 20px;
  }
  .on{
    .title{
     .more{
       .jt{transform: rotate(180deg);}
     } 
    }
  }
  .title{
    font-size: 18px; line-height: 1; margin-bottom: 20px;
    .btn{
      width: 173px;
      height: 48px;
      background: $red;
      border-radius: 10px;display: flex; align-items: center; justify-content: center; color: #fff;
    }
    .more{
      color: $red; display: flex; align-items: center; justify-content: space-between; cursor: pointer;
      .jt{width: 20px; height: 20px; position: relative; margin-left: 6px;}
      .jt::after,.jt::before{content: ''; display: block; width: 0px; height: 0px; border: 10px solid transparent;border-top: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
      .jt::after{border-bottom-color: #fff; z-index: 2; margin-top: 2px;}
      .jt::before{border-bottom-color: #FF7778; z-index: 1;}
    }
  }
  
}
.home-pup{
  position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background-color: rgba(0,0,0,0.67); display: flex; align-items: center; justify-content: center;
  .box1{
    position: relative; width: 697px; max-height: 90vh;
    .bg-box{
      position: relative;
      .btn{cursor: pointer; width: 200px; height: 70px; position: absolute; left: 250px; bottom: 180px;display: block;}
    }
    .bg{display: block;width: 697px; height: 794px; object-fit: contain;}
    .close{ cursor: pointer; width: 41px; display: block; right: 16.7%; top: 14.3%; position: absolute;}
  }
}

.zhuanti-list{
  flex-wrap: wrap; margin-right: -30px;
  .item{
    width: 225px;
    height: 211px;
    background: #FFFFFF;
    box-shadow: 2px 3px 5px 0px rgba(176,176,176,0.3);
    border-radius: 10px; margin-right: 7px; transition: all ease .3s; margin-bottom: 20px;
    &:hover{ 
      transform: translateY(-10px);
      .name{color: $red;}
    }
    .div{padding: 12px 18px;}
    .imgW{width: 225px;height: 125px;border-radius: 10px;}
    .name{font-size: 16px; font-weight: bold; color: #333; line-height: 1; margin-bottom: 25px;}
    .view{color: #999999; font-size: 12px; padding-left: 17px; background-size: 13px; background-repeat: no-repeat; background-position: 0 center; background-image: url(../image/home/eye.jpg);}
    .more{color: $red;}
  }
}


.gj-main1{
  position: relative; z-index: 40; margin: -63px 0 -14px;
  .box1{
    margin: 0 -35px; height: 386px; padding: 52px 54px 0 62px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../image/gj/zt-bg.png);
    .title{font-size: 24px; text-align: center; line-height: 1; font-weight: bold;}
    .zhuanti-list{padding-top: 34px;}
    .dot{
      width: 100%; text-align: center; margin-top: 16px; line-height: 1;
      span{background-color: $red;}
    }
    .zhuanti-list{
      .item{
        margin: 0;
      }
    }
  }
}
.gj-min-box{ position: relative; padding-top: 75px; border-left: 1px dashed $red; max-width: 1160px; }
.gj-main2{
  font-size: 0px; 
  .box{padding-bottom: 40px;}
  .gj-tit2{margin-bottom: 49px; }
  .line{
    width: 1px; height: 298px; background: #D9D9D9; margin: 0 35px 0 28px;
    background: linear-gradient(0deg, #fff 0%, #D9D9D9 20%, #D9D9D9 80%, #fff 100%);
  }
  .w1,.w2,.w3{ height: 280px; }
  .w1{
    width: 166px; margin-left: 85px;
    .item{
      width: 166px; height: 33px; line-height: 33px; border: 1px dashed #FF2E30; border-radius: 17px; text-align: center; margin-bottom: 13px; color: $red; font-size: 16px; display: block; display: flex; align-items: center; justify-content: center;
      &:hover{
        background-color: $red; color: #fff;
      }
    }
  }
  .w2{
    width: 382px;
    .list{flex-wrap: wrap;}
    .item{
      margin-bottom: 27px; width: 126px; display: flex; align-items: center;
      *{display: inline-block; vertical-align: middle;}
      .ico{width: 26px; min-width: 26px; margin-right: 12px;}
      .sp{font-size: 16px; line-height: 20px; max-width: 85px;}
    }
  }
  .w3{
    width: 382px;
    .list1{
      margin-right: -9px; font-size: 0px; flex-wrap: wrap; margin-bottom: 5px;
      .item{
        width: 121px; height: 35px; border: 1px solid #D9D9D9;  text-align: center; line-height: 35px; display: flex; align-items: center; justify-content: center; margin: 0 9px 10px 0; display: inline-block; vertical-align: middle; font-size: 16px;
        &:hover{
          background: $red; color: #fff; border-color: $red;
        }
      }
    }
    .list2{
      flex-wrap: wrap;
      .item{
        font-size: 16px; color: $red; width: 180px; margin-bottom: 10px;
        *{display: inline-block; vertical-align: middle;}
        .ico{width: 34px; margin-right: 10px;}
      }
    }
    
  }
}
.gjzx-con{
    width: 1131px;
    height: 473px;
    background: #FFFFFF;
    box-shadow: 0px 3px 13px 0px #ACACAC;
    border-radius: 20px; padding: 40px 45px; margin-top: 30px; margin-left: 44px; align-items: flex-start;
    .le,.ri{
      width: 48%;
    }
    .le{
      .news-list{margin-left: -8px;}
    }
    .ri{
      font-size: 0px;
      .ri-box{
        margin-right: -60px;
      }
      .item{
        padding: 6px; height: 50px;border: 1px solid #fff; margin-right: 13px; margin-bottom: 13px; display: inline-block;vertical-align: middle; border-radius: 8px;
        .ico{ width: 38px; margin-right: 6px;}
        .sp{font-size: 16px; line-height: 38px;}
        &.item1{
          background-color: #E9FBF2; color: #009E59;
          &:hover{border-color: #009E59; }
        }
        &.item2{
          background-color: #EDF6FF; color: #0679D4;
          &:hover{border-color: #0679D4; }
        }
        &.item3{
          background-color: #FEF7EC; color: #FF9D03;
          &:hover{border-color: #FF9D03; }
        }
        &.item4{
          background-color: #FFF1EA; color: #FE7153;
          &:hover{border-color: #FE7153; }
        }
        &.item5{
          background-color: #ECEEFD; color: #2E5AF4;
          &:hover{border-color: #2E5AF4; }
        }
        &.item6{
          background-color: #EDF6FF; color: #0679D4;
          &:hover{border-color: #0679D4; }
        }
        &.item7{
          background-color: #FEF7EC; color: #FF9D03;
          &:hover{border-color: #FF9D03; }
        }
        &.item8{
          background-color: #E9FBF2; color: #009E59;
          &:hover{border-color: #009E59; }
        }
        &.item9{
          background-color: #FFF1EA; color: #FE7153;
          &:hover{border-color: #FE7153; }
        }
        &.item10{
          background-color: #ECEEFD; color: #2E5AF4;
          &:hover{border-color: #2E5AF4; }
        }
        &.item11{
          background-color: #EDF6FF; color: #0679D4;
          &:hover{border-color: #0679D4; }
        }
        &.item12{
          background-color: #E9FBF2; color: #009E59;
          &:hover{border-color: #009E59; }
        }
        &.item13{
          background-color: #FFF1EA; color: #FE7153;
          &:hover{border-color: #FE7153; }
        }
      }
    }
  }
.gj-main3{
  .box{padding-top: 0; padding-bottom: 86px;}
  
}

.gj-common{
  padding: 0 0 80px 0;
  .box1{
    background: #FFFFFF; margin-bottom: 54px; border-radius: 20px;
    border-radius: 20px;
    .top{
      padding: 27px 50px;padding-right: 0;font-size: 0px;
      .tit{width: 151px; height: 51px; line-height: 51px; text-align: center; padding-right: 12px; display: inline-block; font-size: 24px; vertical-align: middle; margin-right: 65px; background-image: url(../image/gj/tit-bg.png);}
      .remark{color: #fff; font-size: 20px; max-width: 900px; display: inline-block; vertical-align: middle;}
    }
    .con{
      padding: 30px 46px;
      .le{
        font-size: 18px; line-height: 30px;
        .item{margin-bottom: 8px;}
        .lab{color: #FF6747; display: inline-block;vertical-align: top;}
        .sp{max-width: 300px; display: inline-block;vertical-align: top;}
      }
      .ri{
        width: 613px; position: relative;
        .bg-tit{
          width: 43px; height: 235px; font-weight: bold; font-size: 16px; background-position: center;background-repeat: no-repeat;background-image: url(../image/gj/lab-bg.png); padding: 10px 13px 0; position: relative; display: flex; align-items: center; justify-content: center; position: absolute; right: 100%; bottom: 0; color: #fff;
          .txt{color: #fff;}
        }
        .tab{
          font-size: 0px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; text-align: center;
          .item{
            display: inline-block;vertical-align: middle; text-align: center; line-height: 30px; min-width: 62px; margin: 0 2px; font-size: 15px;border-radius: 15px; cursor: pointer;
            &.on{background-color: #FF6747; color: #fff;}
          }
        }
        .div{
          background-color: #F3F3F3; padding: 20px 5px 10px 16px; flex-wrap: wrap; font-size: 17px; min-height: 186px;
          .item{
            width: 189px; display: inline-block;vertical-align: top; line-height: 42px; text-align: center;
            height: 42px;
            background: #FFFFFF;
            border-radius: 21px; margin: 0 5px 10px 0;
            &:hover{
              color: $red; background-color: #FFEAE5;
            }
          }
        }
      }
    }
  }
  .box2{
    background-position: center;background-size: 100% 100%; padding-bottom: 30px;
    .tit{
      font-size: 30px; text-align: center; line-height: 1; margin: 40px 0 57px;
      .lab{color: #FF6747;}
    }
    .item{
      width: 1061px;
      height: 80px;
      background: #FFFFFF;
      box-shadow: 0px 3px 13px 0px rgba(172,172,172,0.46);
      border-radius: 40px; margin:0 auto 20px; padding: 8px 50px 8px 10px;
      .ico{
        width: 64px; min-width: 64px; margin-right: 20px;
        height: 64px;
        background: #FF6747;
        border-radius: 50%; font-size: 32px; text-align: center; color: #fff; line-height: 64px;
      }
      .w{
        font-size: 20px; max-width: 360px;
      }
      .h{
        color: #969696; font-size: 18px; position: relative; line-height: 26px; max-width: 526px;
        .more{ color: #FF6747; position: absolute; right: 0; bottom: 0; background: linear-gradient(-45deg, #fff 0%, #fff 50%, transparent 100%); padding-left: 200px;}
      }
    }
  }
}

.gj-common{
  &.gj-main4{
    background: linear-gradient(180deg, #F1F4EA 0%, #FFFFFF 100%,); 
    .box1{
      .top{
        background-color: #B0BA9E; 
      }
    }
    .box2{background-image: url(../image/gj/bg1.png);}
  }
  &.gj-main5{
    background: linear-gradient(180deg, #E5EDF5 0%, #FFFFFF 100%,); 
    .gj-tit4, .gj-tit4::after, .gj-tit4::before{ border-color:#8EAFD1; }
    .box1{
      .top{
        background-color: #8EAFD1; 
      }
    }
    .box2{background-image: url(../image/gj/bg2.png);}
  }
  &.gj-main6{
    background: linear-gradient(180deg, #FFF9ED 0%, #FFFFFF 100%,); 
    .gj-tit4, .gj-tit4::after, .gj-tit4::before{ border-color:#EEC77A; }
    .box1{
      .top{
        background-color: #EEC77A; 
      }
    }
    .box2{background-image: url(../image/gj/bg3.png);}
  }
  &.gj-main7{
    background: linear-gradient(180deg, #E8F1EF 0%, #FFFFFF 100%,); 
    .gj-tit4, .gj-tit4::after, .gj-tit4::before{ border-color:#92C0B4; }
    .box1{
      .top{
        background-color: #92C0B4; 
      }
    }
    .box2{background-image: url(../image/gj/bg4.png);}
  }
}
.gj-banner{
  height: 650px; background-position: center; background-repeat: no-repeat; background-size: auto 100%;
}
.gj-zxbk{
  position: relative; z-index: 20; margin-top: -200px; margin-bottom: 95px;
  .box{
    background: linear-gradient(0deg, #E45F7E 0%, #FC935A 100%);
    border-radius: 20px; padding: 20px;
    .con{
      background-color: #fff;border-radius: 20px; padding: 30px;
      .le{
        width: 325px;
        .top{border: 1px solid #ECD5A0; border-radius: 20px; font-size: 24px; padding: 20px 10px; margin-bottom: 30px; text-align: center;}
        .list{
          margin-right: -20px; flex-wrap: wrap; font-size: 0px;
          .dd{
            width: 155px; height: 39px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 39px; border-radius: 20px; font-size: 18px; margin: 0 17px 20px 0; background-color: #FFF6E8; display: inline-block; vertical-align: middle;
            &:hover{background-color: #FFDCA5;}
          }
        }
      }
      .mid{width: 340px; height: 375px; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; margin:0 -35px 0 38px; background-image: url(../image/gj-04-yey/zxbk.png);}
      .ri{
        width: 425px;font-size: 18px; 
        .tit{font-weight: bold; line-height: 1; margin-bottom: 6px;}
        .txt{
          line-height: 30px; position: relative;  margin-right: 8px;
          &::before{content: ''; display: inline-block;  vertical-align: middle; width: 7px; height: 7px; background: #ECD5A0; border-radius: 50%; margin-right: 6px;}
        }
        .dd0, .dd2{
          margin-bottom: 50px;
        }
        .dd1{margin-bottom: 10px;}
        .list-item{
          margin:12px -30px 0 -4px;
          .item{
            border-radius: 18px; padding: 0 16px; line-height: 35px; border: 1px solid #FFDCA5; margin: 0 7px 9px 0; display: inline-block;
            &:hover{background-color: #FFDCA5;}
          }
        }
        
      }
      
    }
  }
  &.gj-xx-main1{
    .box{
      background: #FFE5A8;
      .con{
        .ri{
          .dd{margin-bottom: 10px !important;}
          .list-item{
            margin-right: -30px;
            .item{
              margin-right: 4px;
            }
          }
        }
      }
    }
  }
}
.gj-yey-main2{
  padding-bottom: 20px;
  .gj-tit5{margin-bottom: 98px;}
  .con{
    width: 1000px; position: relative; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between; padding: 20px 0 0;
    .img{width: 186px; height: 461px; top: 0px; left: 408px; z-index: 8; position: absolute;}
    .item{
      width: 426px; height: 150px; background-color: #fff; box-shadow: 0px 0px 5px 0px rgba(172,172,172,0.6); border-radius: 10px; margin-right: 145px;position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 93px;
      .text{ font-size: 16px; padding: 20px; line-height: 1.5;}
      .title{
        width: 231px; height: 53px; text-align: center; line-height: 53px; color: #fff; background-position: center; background-repeat: no-repeat; font-size: 20px; font-weight: bold; position: absolute; top: -30px;
      }
      &:nth-child(even){margin-right: 0;}
      &.item0 .title{background-image: url(../image/gj-04-yey/ys-ico1.png); padding-right: 15px; left:-80px}
      &.item1 .title{background-image: url(../image/gj-04-yey/ys-ico2.png); padding-left: 15px; right:-80px}
      &.item2 .title{background-image: url(../image/gj-04-yey/ys-ico3.png); padding-right: 15px; left:-80px}
      &.item3 .title{background-image: url(../image/gj-04-yey/ys-ico4.png); padding-left: 15px; right:-80px}
    }
  }
}
.gj-xx-main1{
  .box{
    .con{
      .mid{background-image: url(../image/gj_05_xx/zxbk.png);}
    }
  }
}
.gj-xx-main2{
  margin-bottom: 108px;
  .box{width: 1230px;}
  .gj-tit5{margin-bottom: 80px;}
  .arrow{
    cursor: pointer; width: 33px; height: 33px; margin: 0 12px; background-position: center; background-repeat: no-repeat; opacity: 0.5; position: relative;z-index: 98; margin-top: -15px;
    &.prev{background-image: url(../image/gj_05_xx/prev1.png);}
    &.next{background-image: url(../image/gj_05_xx/next1.png);}
    &:hover{opacity: 1;}
  }
  .bottom{
    background-color: #FFE5A8; padding: 1px;
  }
  .tab1{
    margin-bottom: 68px;
    .item{
      width: 140px; height: 65px; background: #FFFAED; border-radius: 32px; text-align: center; background-color: #FFFAED; font-size: 22px; margin: 0 10px;
      &:hover, &.on{
        background-color: #FFE5A8; position: relative;
        &::after{content: ''; display: block; border: 6px solid transparent; border-bottom: none; border-top-width: 10px; border-top-color: #FFE5A8; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0px; height: 0px;}
      }
    }
  }
  .tab2{
    width: 270px; min-width: 270px; padding: 10px;
    .con{background-color: #fff; height: 100%; padding: 20px 12px;}
    .item{
      margin-bottom: 10px; height: 73px; font-size: 26px; text-align: center; border: 1px solid #DDC28A;
      &.on{background-color: #ECD5A0; font-weight: bold;}
    }
  }
  .tab-con{
    padding: 40px 28px 20px; width: 958px; background-color: #fff;
    .swiper-slide{overflow: hidden;}
    .list{flex-wrap: wrap; width: 958px;}
    .item{
      width: 269px;
      height: 315px;
      background: #FFFFFF;
      box-shadow: 0px 0px 5px 0px rgba(172,172,172,0.6);
      border-radius: 10px; margin: 0 34px 37px 8px;
      &:nth-child(3n+3){margin-right: 0;}
    }
    .imgW{
      width: 269px; height: 167px;
      .img{width: 100%; height: 100%; object-fit: cover;}
    }
    .div{
      padding: 14px 18px;
      .labs{margin-right: -10px; flex-wrap: wrap;}
      .h2{font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px;}
      .lab{width: 110px; height: 21px; margin: 0 5px 5px 0; background-color: #F0F0F0; line-height: 21px; text-align: center;}
    }
  }
}
.gj-xx-main4{
  padding: 104px 0 96px;
  .gj-tit5{margin-bottom: 70px;}
  .gjzx-con{
    .ri{
      .item{
        padding: 6px 14px;
        &.item5{
          color: #009E59;  background-color: #E9FBF2;
          &:hover{border-color: #009E59;}
        }
        &.item8{
          color: #FE7153; background-color: #FFF1EA;
          &:hover{border-color: #FE7153;}
        }
      }
    }
  }
}

.gj-xx{
  .gj-tit5{
    &::before{background-image: url(../image/gj_05_xx/tit-le1.png);}
    &::after{background-image: url(../image/gj_05_xx/tit-ri1.png);}
  }
  
}

.gj-cz-main1{
  .box{
    background: #FF9F06;
    .con{
      .mid{background-image: url(../image/gj_06_cz/zxbk.png);}
    }
  }
}
.gj-cz-main2{
  .arrow{
    &.prev{background-image: url(../image/gj_06_cz/prev1.png);}
    &.next{background-image: url(../image/gj_06_cz/next1.png);}
  }
  .bottom{background-color: #FF9F06;}
}
.gj-cz-main4{
  padding: 104px 0 96px;
  .gj-tit5{margin-bottom: 70px;}
  .gjzx-con{
    .ri{
      .item{
        &.item6{
          color: #FF9D03; border-color: #FF9D03; background-color: #FEF7EC;
        }
      }
    }
  }
}
.gj-cz{
  .gj-tit5{
    &::before{background-image: url(../image/gj_06_cz/tit-le1.png);}
    &::after{background-image: url(../image/gj_06_cz/tit-ri1.png);}
  }
}

.gj-gz{
  .gj-zxbk{
    .box{
      .con{
        .ri{
          .dd{ margin-bottom: 16px !important;}
          .dd3{margin-bottom: 0 !important;}
        }
      }
    }
  }
  .gj-tit5{
    &::before{background-image: url(../image/gj_07_gz/tit-le1.png);}
    &::after{background-image: url(../image/gj_07_gz/tit-ri1.png);}
  }
  .gj-gz-main1{
    .box{
      background: linear-gradient(0deg, #A087FC 0%, #ECA3F4 100%);
      .con{
        .mid{background-image: url(../image/gj_07_gz/zxbk.png);}
      }
    }
  }
  .gj-gz-main2{
    .bottom{
      background: linear-gradient(0deg, #A087FC 0%, #ECA3F4 100%); padding: 1px; overflow: hidden;
    }
    .arrow{
      &.prev{background-image: url(../image/gj_07_gz/prev1.png);}
      &.next{background-image: url(../image/gj_07_gz/next1.png);}
    }
    .tab1{
      .item{
        background-color: #E3E9FF;
        &.on, &:hover{
          background-color: #4260D8; color: #fff;
          &::after{border-top-color: #4260D8;}
        }
      }
    }
    .tab2{
      .item{
        border-color: #4260D8;
        &.on{background-color: #4260D8; color: #fff}
      }
    }
    .tab-con{
      background-color: #fff;
    }
  }
  .gj-gz-main4{
    padding: 104px 0 96px;
    .gj-tit5{margin-bottom: 70px;}
    .gjzx-con{
      .ri{
        .item{
          &.item6{
            color: #FF9D03; border-color: #FF9D03; background-color: #FEF7EC;
          }
        }
      }
    }
  }
  
}
.redbody .el-select-dropdown__item.selected{color: $red !important;}
.gj-kszx-top{
  background-color: #fff; padding-bottom: 20px;
  .el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner, .el-input__inner:active,.el-select .el-input__inner:focus{border-color: $red !important;}
  
  .top{
    padding: 26px 0;
    .tit{font-size: 26px;}
    .form{
      .input{background-color: #F3F3F7; height: 37px; border-radius: 40px; padding: 0 10px 0 41px; background-position: 15px center; background-repeat: no-repeat; background-image: url(../image/gj_09_kszx/ico-ss.png); border: none; outline-color: #FD7009; }
      .btn{background-color: #FD7009; font-size: 15px; color: #fff; height: 37px; width: 55px; border-radius: 40px; margin-left: 11px; text-align: center; line-height: 37px;}
    }
  }
  .bottom{
    .sp{color: #737373; margin-right: 10px; font-size: 18px;}
    .el-input__inner{font-size: 16px; height: 33px; width: 135px; background-color: #F3F3F3; transition:none !important}
    
    .item{margin-right: 30px;}
  }
}
.gj-kszx{
  #header{box-shadow: 0px 0px 5px 0px rgba(172,172,172,0.6);}
  .page{
    padding: 40px 0 70px;
  }
}
.page{
  .el-pager li.active{background-color: $red !important;}
  .el-pager li:hover{color: #fff !important;background-color: $red !important;}
}
.gj-kszx-list{
  .item{
    background-color: #fff; border-radius: 10px; padding: 25px 13px; padding-right: 34px; margin-top: 20px; transition: all ease 0.2s;
    .school-logo{
      width: 113px;
      .img{width:100%}
    }
    .div1{
      max-width: 400px;
      .name{font-size: 24px; margin-bottom: 17px;}
      .lab{
        width: 55px;
        height: 24px;
        background: #ECF0FF; line-height: 24px; text-align: center;
        border-radius: 12px; margin-right: 6px;
        &.lab0{background-color: #F6EDFE; color: #B562FF;}
        &.lab1{background-color: #FFF2E9; color: #FF9B55;}
        &.lab2{background-color: #ECF0FF; color: #5478FE;}
        &.lab3{background-color: #E5F7F5; color: #40ADA1;}
      }
    }
    .div2{
      color: #333; flex-wrap: wrap; max-width: 340px;
      .li{margin-bottom: 12px; width: 163px;}
    }
    .intro{color: #333; margin-top: 20px;}
    .line{
      height: 100%; border-left: 1px dashed #D2D2D2; margin-right: 36px;
    }
    .w3{
      text-align: center;
      .btn{background-color: $red; color: #fff;width: 118px; height: 34px; border-radius: 10px; margin-bottom: 14px;line-height: 34px; text-align: center; display: block;}
      .address{
        color: #666; font-size: 12px; background-position: 0 center; background-repeat: no-repeat; background-image: url(../image/gj_09_kszx/address.png); padding-left: 20px;
      }
    }
    
  }
  .item:hover{
    transform: translateY(-6px); box-shadow: 0px 0px 10px 0px #C8C8C8;
      .div1{
        .name{color: $red;}
      }
    }
}

.gj-detail{
  .banner{
    text-align: center; line-height: 1; height: 250px; background-position: center; background-repeat: no-repeat; padding-top: 48px; position: relative; z-index:1;
    .h2{font-size: 38px; font-weight: bold;}
    .line{width: 46px; height: 4px; border-radius: 2px; background-color: #006BC5; margin: 20px auto;}
    .p{color: #373737; font-size: 18px;}
  }
  
}
.gj-detail-main1{
  margin-top: -56px; position: relative;z-index: 4; margin-bottom: 66px;
  .jies{
    background: #FFFFFF; margin-bottom: 30px; box-shadow: 3px 3px 10px 0px rgba(187,187,187,0.5); border-radius: 10px; padding: 25px 35px;
    .imgW{
      width: 150px; height: 150px; margin-right: 40px;
      .img{width: 100%; height: 100%;}
    }
    .w2{
      .name{
        font-size: 24px;
      }
      .address{background-position: 0 center; background-repeat: no-repeat; background-image: url(../image/gj_09_kszx/address.png); padding-left: 20px; font-size: 16px;}
      .desc{margin-top: 20px; line-height: 28px; font-size: 16px; color: #666;}
    }
  }
  .con{
     align-items: stretch;
    .w1{
      border:1px solid #FFBCBD; border-right: none;  border-radius: 10px 0px 0px 10px;
      padding: 28px; padding-right: 53px;
      .div{
         box-shadow: 0 0 10px #D2D2D2; overflow: hidden; border-radius: 10px;
      }
      .dd{
        align-items: stretch;
        &:nth-child(odd){
          .td{background-color: #F4F4F4;}
        }
        .th{
          background-color: #FF4E51; width: 178px; min-width: 178px; padding: 0 26px; min-height: 80px; border-bottom: 1px solid #FFAEAF;
          .btn{
            width: 127px;
            height: 36px;
            background: #FFFFFF;
            border-radius: 18px; color: #FF4E51; font-size: 20px;
          }
        }
        .td{
          background: #fff; padding: 30px 40px; flex: 1; width: 100%; font-size: 16px;
          .lab{border: 1px solid #FF4E51; color: #FF4E51; background-color: #fff; border-radius: 14px; line-height: 27px; text-align: center; width: 55px; margin: 0 2px;}
          .fx-lab{margin-right: 16px;}
          .kc-lab{
            margin: 3px 6px 3px 0; line-height: 1;
            &::before{content: '';width: 6px; height: 6px; background: #FFFFFF; border: 2px solid #FF4E51; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 3px;}
          }
        }
      }
      
    }
    .w2{
      background: #FFFFFF; padding: 30px; width: 522px;
      box-shadow: 3px 3px 10px 0px rgba(187,187,187,0.83);
      border-radius: 0px 10px 10px 0px;
      .tit{text-align: center; line-height: 1; margin-bottom: 30px;}
      .h2{font-size: 28px; margin-bottom: 20px;}
      .p1{font-size: 18px;}
      .btn{
        width: 202px;
        height: 52px;
        background: #FF4E51;
        border-radius: 26px; font-size: 18px; color: #fff;
      }
      .el-form-item{
        display: flex; align-items: center; background-color: #F4F4F4; border-radius: 30px; height: 60px; margin-bottom: 23px; border: 1px solid #F4F4F4;
        &.on{ border: 1px solid #FF4E51; background-color: #fff;}
        .el-form-item__content{flex: 1; width: 100%;}
        .el-input__inner,.el-input,.el-select{
          height: 60px; background-color: transparent; border: none; padding-left: 0; width: 100%; font-size: 16px !important;
        }
        .el-form-item__label{width: 120px;}
        
        .el-input__prefix{display: none;}
        .el-date-editor{
          padding-right: 55px;
          .el-input__prefix, .el-input__suffix{
            right: 30px; width: 24px; height: 100%;background-position: center; background-repeat: no-repeat; background-image: url(../image/gj_01_detail/ico1.png); left: auto;
          }
        }
        .el-select{
          padding-right: 22px;
          .el-select__caret{color: #666; font-size: 24px !important;}
        }
        .el-radio{
          width: 88px; height: 36px; background-color: #fff; border: 1px solid #C1C1C1; border-radius: 4px; text-align: center; justify-content: center; line-height: 36px; font-size: 16px; margin: 0 4px;
          &.is-checked{
            border:none; font-weight: bold; background-image: url(../image/gj_01_detail/choosed.png);  background-position: 0 0;
            .el-radio__label{color:#FF4E51;}
          }
          .el-radio__label{padding-left: 0;}
          .el-radio__input{display: none;}
        }
      }
    }
  }
}
.gj-detail-main2{
  background-position: center 0 ; background-repeat: no-repeat; background-image: url(../image/home/rm-bg.png); padding: 56px 0 45px; background-color: #f6f8fa;
  .tit{font-size: 36px; font-weight: bold; line-height: 1; margin-bottom: 58px;}
  .con{
    align-items: stretch;
  }
  .w-list{
    width: 750px;
    .item{
      padding: 24px 83px 28px 163px; border: 1px solid #C1C1C1; background-color: #fff; display: block; margin-bottom: 12px; position: relative; height: 160px;
      &:hover{
        box-shadow: 0 0 10px #ddd;
        .name{color: $red;}
      }
      .time{
        background-color: #F5F5F5; position: absolute; left: 29px; top: 24px; width: 110px; height: 110px; text-align: center; line-height: 1; padding-top: 20px;
        .day{font-size: 37px; margin-bottom: 18px; font-weight: bold;}
      }
      .name{font-size: 18px; font-weight: bold; line-height: 1; margin-bottom: 10px;}
      .desc{
        line-height: 23px; max-height: 69px;
      }
      .more{color: #FF4E51; position: absolute; right: 10px; bottom: 22px; line-height: 1;}
    }
  }
  
  
}

// 入学必看
.school-bk-box{
  width: 420px; 
  .div{
    padding: 40px 30px; background-color: #fff; margin-bottom: 13px;
    .h2{
      line-height: 1; font-size: 24px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px dashed #D2D2D2; position: relative; margin-bottom: 30px;
      &::after{content: ''; display: block; width: 28px; height: 7px; border-radius: 4px; background-color: #FF4E51; position: absolute; left: 0; bottom: -4px;}
    }
    .list1{
      font-size: 20px; text-align: center; margin-bottom: 60px;
      .img{width: 97px; height: 97px; display: block; margin: 0 auto;}
      
    }
    .list2{
      .item{
        line-height: 36px; color: #757575; padding-left: 19px; position: relative; font-size: 16px;
        &::after{content: ''; display: block;width: 8px; height: 8px; border-radius: 50%; background-color: #C1C1C1; position: absolute; left: 0; top: 50%; margin-top:-4px;}
        &:hover{color: #FF4E51;}
      }
    }
  }
  
  
}
.school-bk-pup{
  position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.55); z-index: 987; display: flex; align-items: center; justify-content: center;
  .box{
    width: 1070px; font-size:18px; line-height: 1.6; background-color: #fff; border-radius: 10px;
    .top{
      padding:40px 50px; border-bottom: 1px solid #C2C2C2;
      .tit{
        font-size: 26px; font-weight: bold; margin-bottom: 20px; line-height: 1;
        .lab{color: #FF4E51;}
        .btn{
          width: 110px;
          height: 38px;
          border: 1px solid #FF4E51;
          border-radius: 10px; text-align: center; line-height: 38px; color: #FF4E51; display: block; font-size: 18px; margin-right: 30px;
        }
        .close{width: 27px; cursor: pointer;}
      }
      .desc{color: #333;}
    }
    .con{
      padding: 20px 50px; position: relative;
      .h3{color: #FF4E51; font-weight: bold; margin-bottom: 16px; position: relative;
        &::before{content: ''; display: inline-block; vertical-align: middle; margin-right: 16px; background-color: #FF4E51; width: 4px; height: 18px; border-radius: 4px;}
      }
      .sp1{color: #013DFF;}
    }
    .scroll-y{
      height: calc(100vh - 400px);
      .bg{position: absolute; width: 100%; height: 200px; background: linear-gradient(0deg, #FFFFFF 0%, transparent 100%);left: 0; bottom: 0;}
    }
  }
}
.scroll-y{
  overflow-y: auto;
  &::-webkit-scrollbar {width: 6px; height: 8px;}
  &::-webkit-scrollbar-thumb {border-radius: 8px;background-color: #ACACAC;}
  &::-webkit-scrollbar-track {border-radius: 8px;background-color: #DCDCDC;}
}
.gj-news-detail{
  .banner{
    height: 230px; background-position: center; background-repeat: no-repeat; background-size: auto 100%; margin-bottom: 62px;
    .div{color: #fff;}
    .sp{font-size: 20px; margin-right: 16px;}
    .p{position: absolute; right: 64px; top: 65px;}
    .time{
      .i{font-size: 18px; background-color: #fff; width: 34px; height: 34px; border-radius: 4px; line-height: 36px; text-align: center; font-weight: bold; color: $red;}
      b{margin: 0 10px; font-size: 20px;}
    }
    .btn{
      width: 250px; line-height: 66px; display: block; text-align: center; line-height: 66px; font-size: 26px; background-color: #fff; border-radius: 44px; margin: 20px auto 0; position: absolute; right: 74px; top: 100px;
      &:hover{color: $red; box-shadow: 0 0 8px #f84251 inset;}
    }
  }
}
.gj-news-detail-box{
  align-items: stretch; padding-bottom: 62px;
  .w1{
    padding-bottom: 100px; position: relative;
    .h2{font-weight: bold; font-size: 32px;}
    .from{font-size: 18px; color: #BFBFBF; margin: 30px 0 56px; text-decoration: underline;}
    .con{font-size: 16px; line-height: 1.6; }
    .fy{
      position: absolute; width: 100%; left: 0; bottom: 0;
      .a{
        background-color: #F2F2F2; font-size: 16px;width: 48%; padding:6px 14px;
        .line{width: 1px; height: 28px; background: #BFBFBF; margin: 0 15px;}
        .div{color: #767676;}
        .p{ font-weight: bold; }
        .time{font-size: 10px;}
      }
    }
  }
  
  .school-bk-box{box-shadow: 1px 4px 10px 0px rgba(187,187,187,0.83); margin-left: 54px; }
}
.ease{transition: all ease 0.3s;}



.gj-how{
  background-color: #F3F3F3;
}
.gj-how-main1{
  background: #FFFFFF;
  box-shadow: -1px 4px 8px 0px rgba(187,187,187,0.7);
  border-radius: 20px; padding:60px; margin-bottom: 37px; padding-bottom: 67px;
  
  .tit{font-size: 28px; font-weight: bold; line-height: 1; margin-bottom: 20px; margin-left: -10px;}
  .desc{font-size: 16px; line-height: 24px;}
  .line{width: 100%; height: 1px; margin: 40px 0 50px; display: block; border-bottom:1px dashed #DBDBDB;}
  .con{
    padding: 40px 60px 30px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../image/gj_11_how/bg1.png);
    .lab{
      width: 166px;
      height: 50px;
      background: #255BFF; color: #fff; font-size: 20px; line-height: 50px; text-align: center; margin-bottom: 40px; font-weight: bold;
    }
    .w{margin-right: 60px;}
    .item{
      font-size: 16px; margin-bottom: 10px; line-height: 31px;
      .num{ font-weight: bold; color: #255BFF; border-radius: 50%; min-width: 33px; width: 33px; height: 33px; border: 1px dashed #255BFF; margin-right: 13px; text-align: center; line-height: 31px;} 
    }
  }
}
.gj-how-main2{
  box-shadow: -1px 4px 8px 0px rgba(187,187,187,0.7);
  border-radius: 20px; background-color: #fff; padding: 65px 55px 32px; margin-bottom: 32px;
  .con{
    margin-bottom: 33px; border-radius: 0px 0px 100px 0px; padding: 40px 50px 5px;
    .tit{
      line-height: 38px; padding-bottom: 27px; border-bottom: 1px dashed #DBDBDB; margin-bottom: 30px;
      b{font-size: 24px;}
      .sp{
        text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; -webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; font-weight: bold; margin-left: 16px;
        border-radius: 20px 19px 19px 0px; width: 120px; text-align: center; display: inline-block; font-size: 16px;
      }
    }
    .desc{ line-height: 24px; font-size: 16px; margin-bottom: 34px; }
    .labs{flex-wrap: wrap; margin-right: -50px;}
    .lab{
      font-size: 18px; font-weight: bold; color: #fff; position: relative; height: 46px; margin-right: 20px; margin-bottom: 35px;
      .jt{width: 50px; height: 100%; background-repeat: no-repeat; background-position: center;}
      .txt{background-repeat: repeat-x; background-position: 0 center; padding:0 6px 0px 18px; line-height: 46px;}
    }
    &.con1{
      background-color: #FFF6F4;
      .tit{color: #FF3D04;}
      .sp{background-color: #FFF0EB;}
      .jt{background-image: url(../image/gj_11_how/lab-bg11.png)}
      .txt{background-image: url(../image/gj_11_how/lab-bg1.png)}
    }
    &.con2{
      background-color: #FEF8FF;
      .tit{color: #9F22FC;}
      .sp{background-color: rgba(159, 34, 252, 0.1)}
      .jt{background-image: url(../image/gj_11_how/lab-bg21.png)}
      .txt{background-image: url(../image/gj_11_how/lab-bg2.png)}
    }
    &.con3{
      background-color: #FFFAF0;
      .tit{color: #FB7B03;}
      .sp{background-color: rgba(255, 240, 235, 1)}
      .jt{background-image: url(../image/gj_11_how/lab-bg31.png)}
      .txt{background-image: url(../image/gj_11_how/lab-bg3.png)}
    }
    &.con4{
      background-color: #F8FCF3;
      .tit{color: #60AB2C;}
      .sp{background-color: rgba(230, 242, 212, 1)}
      .jt{background-image: url(../image/gj_11_how/lab-bg41.png)}
      .txt{background-image: url(../image/gj_11_how/lab-bg4.png)}
    }
  }
}
.gj-how-tit{font-size: 28px; font-weight: bold; padding-left: 37px; background-position: 0 center; background-repeat: no-repeat; background-image: url(../image/gj_11_how/tit-ico1.png); line-height: 1; margin-bottom: 50px;}

.gj-how-main3{
  background: #FFFFFF;
  box-shadow: -1px 4px 8px 0px rgba(187,187,187,0.7);
  border-radius: 20px; padding: 65px 50px; margin-bottom: 50px;
  .line{width: 100%; border-bottom: 1px dashed #DBDBDB; margin-bottom: 20px;}
  .w1{
    width: 522px; font-size: 16px;
    .item{
      line-height: 45px;
      &:hover{
        color: #255BFF;
      }
    }
    .time{
      color: #828282; text-decoration: underline; min-width:60px; width:60px;
    }
  }
  .w2{
    text-align: right; width: 540px;
    .item{
      border: 1px solid #A2C3FF; border-radius: 16px; line-height: 32px; padding: 0 20px; margin-bottom: 15px; position: relative; padding-left: 35px; font-size: 14px; display: inline-block;
      &:hover{background-color: #f0f5ff;}
      &::before{content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #CEDFFE; position: absolute; left: 20px; top: 50%; margin-top: -3px;}
      .sp{color: #FF0004;}
    }
  }
}


$fjred:#FF4101;
.gj-fjrx{
  background-color: #F3F3F3;
  .gj-how-tit{background-image: url(../image/gj_12_fjrx/tit-ico1.png);}
  .gj-how-main1{
    .tit{color: $fjred;}
    .fj-zs-list{
      text-align: center; padding: 0 60px;
      .name{font-size: 16px; font-weight: bold; line-height: 25px; height: 50px; margin-bottom: 10px;}
      .line{width: 1px; height: 75px; background-color: $fjred; opacity: 0.17;}
      .ico{ width: 49px; display: block; margin: 0 auto;}
    }
    .con{
      background-color: #F5F8FF; border-radius: 0px 0px 100px 0px; position: relative; background-image: none;
      .lab{
        width: auto; padding: 0 45px;
      }
      .cailiao{
        align-items: flex-end; position: relative;z-index: 40; margin-top: -70px;
        .desc{
          width: 660px; font-size: 14px; line-height: 24px; color: #030303; letter-spacing: 1px;
        }
        .img{width: 194px; margin-left: 34px;}
      }
      
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $fjred;}
      }
    }
  }

}
$pmred:#9E2A99;
.gj-xxpm{
  background-color: #F3F3F3;
  .ny-banner{
    .labs{margin-top: 295px;}
    .lab{
      width: 150px; height: 55px; line-height: 50px; text-align: center; font-size: 26px; color: #4D0441; margin: 0 7px; background-image: url(../image/gj_13_xxpm/ban-ico.png);
      &:hover{transform: translateY(-5px);}
    }
  }
  .gj-how-tit{background-image: url(../image/gj_13_xxpm/tit-ico1.png);}
  .gj-how-main1{
    .tit{color: $pmred;}
    .table-box-bg{
      .bg{position: absolute; width: 100%; height: 80px; background: linear-gradient(0deg, #FFFFFF 0%, transparent 100%);left: 0; bottom: 0; z-index: 98;}
    }
    .table-box{
      text-align: center; max-height: 350px; position: relative;
      .table{width: 100%}
      th{font-size: 22px; padding: 36px 0 20px; line-height: 1; background-color: #FAFAFA;}
      td{
        padding: 20px; font-size: 16px;
      }
      .td2{color: $pmred;}
      .td4{width: 400px;}
      .tr2{
        td{background-color: #FAFAFA;}
      }
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $pmred;}
      }
    }
  }
  
}
$rxred: #2C63FA;
.gj-rxtj{
  background-color: #F3F3F3;
  .gj-how-tit{
    background-image: url(../image/gj_14_rxtj/tit-ico1.png);
    .sp{font-weight: normal;}
  }
  .gj-how-main1{
    background: none; padding: 0; box-shadow: none;
    .tit{color: $rxred;}
    .desc{margin-bottom: 56px;}
  }
  .gj-rxtj-main2{
    background: #FFFFFF; padding: 50px; align-items: stretch;
    box-shadow: -1px 4px 8px 0px rgba(187,187,187,0.7);
    border-radius: 20px; margin-bottom: 30px;
    .w1{
      width: 685px;
      .list1{
        .li{
          position: relative; padding-left: 41px; line-height: 34px;
          .num{width: 24px; height: 24px; border-radius: 50%; background-color: $rxred; color: #fff; position: absolute; left: 0 ;top: 5px; text-align: center; line-height: 24px; display:block;}
          .txt{font-size: 16px;}
        }
      }
      .list2{
        margin-top: 20px; margin-bottom: 24px; margin-left:41px;
        .dd{
          background-color: #E6EDFF; color: $rxred; font-weight: bold; padding: 10px 20px; border: 1px dashed $rxred; margin-bottom: 6px; text-align: center; font-size: 16px; line-height: 29px;
        }
      }
      .tip{color: $rxred; font-size: 16px; line-height: 30px; text-decoration: underline; margin-bottom: 24px; margin-left:41px;}
      .btn{
        width: 235px;
        height: 47px;
        background: #2C63FA;
        border-radius: 24px; color: #fff; font-size: 22px; line-height: 47px; text-align: center; display: block; margin: 0 auto;
      }
    }
    
    .w2{
      width: 367px;
      .gj-how-tit{margin-bottom: 15px;}
      .con{
        background-color: #F5F8FF; padding: 15px; min-height: calc(100% - 150px);
        .dd{
          margin-bottom: 16px;
          .tit{position: relative; padding-left: 41px; line-height: 34px; font-size:16px; color: $rxred; font-weight: bold;}
          .num{width: 24px; height: 24px; border-radius: 50%; background-color: $rxred; color: #fff; position: absolute; left: 0 ;top: 5px; text-align: center; line-height: 24px; font-size: 14px; display:block;}
          .txt{
            line-height: 34px; font-size:16px; padding-left: 41px;
          }
          .phone{font-size: 25px; margin-left: 41px; font-weight: bold;}
        }
      }
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $rxred;}
      }
    }
  }
  
}

$ysgzred:#EC6D65;
.gj-ysgz{
  background-color: #F3F3F3;
  .gj-how-tit{background-image: url(../image/gj_15_ysgz/tit-ico1.png);}
  .gj-how-main1{
    .tit{color: $ysgzred;}
    .con{
      .nums{width: 650px;}
      .item{line-height: 24px}
      .lab{
        width: auto; padding: 0 26px;
      }
      background-image: url(../image/gj_15_ysgz/bg.png);
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $ysgzred;}
      }
    }
  }
  
}

$ysgzred:#AE5EFF;
.gj-yygz{
  background-color: #F3F3F3;
  .gj-how-tit{background-image: url(../image/gj_16_yygz/tit-ico1.png);}
  .gj-how-main1{
    padding-bottom: 53px; margin-bottom: 64px;
    .tit{color: $ysgzred; margin-bottom: 24px;}
    .line{margin: 30px 0 35px;}
    .gj-how-tit{margin-bottom: 44px;}
    .yslist{
      .item{
        width: 186px; height: 229px; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;
        .btn{
          width: 155px; height: 41px; color: #fff; line-height: 40px; text-align: center; display: block; margin: 0 auto; font-size: 18px; font-weight: bold;
        }
        .btn2{
          width: 159px; line-height: 31px; text-align: center; color: #fff; font-size: 16px; border-radius: 16px; margin: 0 auto; display: block;
        }
        .txt{width: 140px; margin: 16px auto 0; line-height: 21px; height: 126px; overflow: hidden;}
        &.item0{
          background-image: url(../image/gj_16_yygz/ys-bg1.png);
          .btn2{background-color: #828BF1;}
        }
        &.item1{
          background-image: url(../image/gj_16_yygz/ys-bg2.png);
          .btn2{background-color: #FEA701;}
        }
        &.item2{
          background-image: url(../image/gj_16_yygz/ys-bg3.png);
          .btn2{background-color: #518BE5;}
        }
        &.item3{
          background-image: url(../image/gj_16_yygz/ys-bg4.png);
          .btn2{background-color: #828BF1;}
        }
        &.item4{
          background-image: url(../image/gj_16_yygz/ys-bg5.png);
          .btn2{background-color: #2ABC94;}
        }
      }
    }
  }
  
  .gj-yygz-main2{
    margin-bottom: 64px;
    .box{
      width: 1100px;
    }
    .list{
      width: 949px; margin: 0 auto; background-position: center 0; background-repeat: no-repeat; background-image: url(../image/gj_16_yygz/lc.png); padding-right: 25px;
      .dd{
        width: 127px; padding: 1px 0 0 20px; font-weight: bold; font-size: 18px;
        .txt{margin-top: 120px;}
        .num{color: #FF842F; font-size: 31px; margin-top: 83px; text-align: center; padding-right: 24px;}
      }
      .dd0{padding-left: 27px;}
      .dd1{padding-left: 14px;
        .num{padding-right: 7px;}
      }
      .dd2{padding-left: 24px;}
      .dd3{padding-left: 27px;}
    }
  }
  
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $ysgzred;}
      }
    }
  }
  
}
.gj-yygz-main3{
  background-color: #fff; padding: 67px 0 48px; margin-bottom: 38px;
  .gj-how-tit{
    margin-bottom: 63px;
    .ri{color: #999; font-size: 16px; font-weight: normal;}
  }
  .tabs{
    .tab-item{
      width: 109px; line-height: 36px; height: 38px; border: 1px solid #A8CAFF; border-radius: 19px; font-size: 17.5px; text-align: center; font-weight: normal; cursor: pointer; margin-left: 14px; margin-bottom:9px;
      &.on{height: 47px; background-position: center; background-image: url(../image/gj_18_xyz/tab.png); color: #fff; font-weight: bold; border: none; margin-left: 14px; margin-bottom:0px}
    }
  }
  .list{
    padding-bottom: 26px;
    .item{
      background-color: #FBFBFB; border-radius: 10px; padding:25px 30px; margin-bottom: 20px;
      .imgW{
        width: 113px; height: 113px; margin-right: 29px; background-color: #fff;
        .img{width: 100%; height: 100%; display: block; object-fit: cover;}
      }
      .div{
        .title{font-size: 24px; line-height: 1; margin-bottom: 20px;}
        .p{color: #333; line-height: 1; margin-bottom: 12px;}
        .money{color: $rxred; font-weight: bold;}
        .lab{background-color: #E3EAFF; color: $rxred; line-height: 30px; padding: 0 20px; display: inline-block; border-radius: 15px;}
      }
      .line{
        width: 1px; border-left: 1px dashed #D2D2D2; margin: 0 10px; height: 124px;
      }
      .btn-box{
        text-align: center; width: 170px;
        .btn{background-color: $red; color: #fff; width: 118px; line-height: 34px;border-radius: 10px; display: block; margin: 0 auto 10px;}
        .address{
          font-size: 12px; color: #666; display: inline-block;background-position: 0 center; background-repeat: no-repeat; background-image: url(../image/gj_09_kszx/address.png); padding-left: 20px;
        }
      }
      &:hover{box-shadow: 0px 0px 7px 0px rgba(172,172,172,0.6); background-color: #fff;}
    }
  }
}
$level:#00D17F;
.gj-level{
  background-color: #F3F3F3;
  .gj-how-tit{background-image: url(../image/gj_17_level/tit-ico1.png);}
  
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $level;}
      }
    }
  }
}
.gj-level-main1{
  padding-bottom: 32px; margin-bottom: 50px;
  .tit{color: $level; margin-bottom: 20px;}
  .line{margin: 30px 0 40px;}
  .gj-how-tit{margin-bottom: 58px;}
}
.gj-kc-ys-list{
  position: relative; flex-wrap: wrap; align-items: stretch; overflow: hidden;
  .item{
    border-right: 1px dashed #DBDBDB; border-top: 1px dashed #DBDBDB; padding: 28px 50px; width: 50%; margin-top: -1px; align-items: stretch;
    &.bt{padding-bottom: 0;}
    &.item:nth-child(even){border-right: none;}
    .ico{width: 132px; min-width: 132px; height: 132px; margin-right: 27px;}
    .name{font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 30px;}
    .txt{font-size: 16px; line-height: 24px;}
    .div{padding-top: 27px;}
  }
  .item0,.item1{padding-top: 0;}
}
.gj-level-main2{
  background-color: #fff; padding: 50px 0 44px; margin-bottom: 42px;border-radius: 20px;
  .box{width: 1100px;}
  .tabs{
    .tab-item{
      width: 109px; line-height: 36px; height: 38px; border: 1px solid #A8CAFF; border-radius: 19px; font-size: 17.5px; text-align: center; font-weight: normal; cursor: pointer; margin-left: 14px; margin-bottom:9px;
      &.on{height: 47px; background-position: center; background-image: url(../image/gj_18_xyz/tab.png); color: #fff; font-weight: bold; border: none; margin-left: 14px; margin-bottom:0px}
    }
  }
  .gj-how-tit{
    margin-bottom: 63px;
    .ri{color: #999; font-size: 16px; font-weight: normal;}
  }
  .list{flex-wrap: wrap; padding-bottom: 12px;}
  .item{
    background-color: #FBFBFB; border-radius: 10px; padding:25px 30px 20px; padding-right: 24px; margin-bottom: 23px; width: 536px;
    .imgW{
      width: 113px; height: 113px; margin-right: 22px; background-color: #fff;
      .img{width: 100%; height: 100%; display: block; object-fit: cover;}
    }
    .div{
      .title{font-size: 20px; line-height: 32px; height: 64px; max-width: 250px;}
      .btn{background-color: #E3EAFF; display: block; width: 160px; line-height: 30px; color: #2C63FA; border-radius: 30px; text-align: center; margin-top: 10px;}
      .address{
        font-size: 12px; color: #666; display: inline-block;background-position: 0 center; background-repeat: no-repeat; background-image: url(../image/gj_09_kszx/address.png); padding-left: 20px;
      }
      .ri{text-align: right;}
    }
    &:hover{box-shadow: 0px 0px 7px 0px rgba(172,172,172,0.6); background-color: #fff;}
  }
  
}

$xyz:#0160F7;
.gj-xyz{
  background-color: #F3F3F3;
  .gj-how-main1{
    .tit{color: $xyz;}
    .desc{
      .bm{display: block; margin-bottom: 18px; font-size: 20px;}
    }
  }
  .gj-level-main2{
    .list{margin-bottom: 6px;}
    .item{
      position: relative; margin-bottom: 30px;
      .div{
        .title{font-size: 20px; height: 32px;}
        .btn{width: 96px; color: #000; font-size: 14px;}
        .nj{color: $xyz; font-size: 14px; margin: 8px 0;}
        .address{position: absolute; right: 20px; top: 20px;}
      }
    }
  }
}
.gj-ib{
  .gj-how-tit{background-image: url(../image/gj_19_ib/tit-ico1.png);}
  .gj-kc-ys-list{
    .item{
      
    }
  }
}
$ap:#0160F7;
.gj-ap{
  background-color: #F3F3F3;
  .gj-how-tit{background-image: url(../image/gj_20_AP/tit-ico1.png);}
  .gj-how-main1{
    .tit{color: $ap;}
    .desc{
      .bm{display: block; margin-bottom: 18px; font-size: 20px;}
    }
  }
  .gj-level-main2{
    .list{margin-bottom: 6px;}
    .item{
      position: relative; margin-bottom: 30px;
      .div{
        .title{font-size: 20px; height: 32px;}
        .btn{width: 96px; color: #000; font-size: 14px;}
        .nj{color: $ap; font-size: 14px; margin: 8px 0;}
        .nj-lab{
          background: #E3EAFF;
          border-radius: 11px; display: inline-block;vertical-align: middle; font-size: 10px; padding: 0 10px; margin-right: 6px; line-height: 22px;
        }
        .fee{
          b{color: $ap;}
        }
      }
    }
  }
}

.gj-kfr{
  background-color: #F5F7F9;
  .ny-banner{margin-bottom: 0;}
  .app-con .top{
    line-height: 100px; font-size: 20px; background-color: #fff; margin-bottom: 27px;
    .box{
      padding-left: 270px; position: relative;
    }
  }
  .con{
    align-items: flex-start;
    .left{
      background-color: #fff; width: 220px; margin-top: -240px;
      .h2{color: #fff; background-color: #FF2E30; font-weight: bold; text-align: center; line-height: 93px; background-position: center; background-repeat: no-repeat; background-image: url(../image/gj_10_kfr/ico1.png); font-size: 24px;}
      .list{
        padding: 30px 0 20px;
      }
      .item{
        width: 159px;
        height: 38px; font-size: 20px; cursor: pointer;
        background: #F3F3F3; color: #FFC6C7; line-height: 38px; text-align: center; margin: 0 auto 10px; border: 1px solid #F3F3F3;
        border-radius: 19px; position: relative;
        &.on{
          color: #FF2E30; border-color: #FF2E30; background-color: #fff;
          &::after{content: ''; display: block; width: 7px; background-color: #FF2E30; border-radius: 4px; position: absolute; left: 0; top: 0; height: 187%; left:-30px}
        }
        &.active{
          background-color: #FF2E30; color: #fff; font-weight: bold; background-image: url(../image/sl_08_kfr/ri.png); background-position: 130px center; background-repeat: no-repeat;
        }
      }
      
    }
    .right{
      width: 932px;
      .item{
        background-color: #fff; padding: 20px 25px; font-size: 16px; margin-bottom: 16px;
        &.on{
          .addcity{
            .btn{cursor: pointer; color: #fff; background: #FF2E30;}
          }
        }
        &.end{
          .addcity{
            .btn{background-color: #F0F0F0; color: #FF2E30;}
          }
        }
        
        .imgW{
          width: 194px; height: 129px;
          .img{width: 100%; height: 100%; object-fit: cover; display: block;}
        }
        .div{
          position: relative; margin-right: 70px; width: 620px;
        }
        .name{font-size: 20px; line-height: 22px; height: 22px; font-weight: bold; margin-bottom: 20px;}
        .time{
          display: inline-block; vertical-align: middle; border-radius: 15px; border: 1px solid #FFCFCF; line-height: 29px; padding: 0 20px; padding-right: 50px;position: relative; margin-bottom: 10px; color: #FF0000; position: relative;
          &::after{content: ''; display: block; width: 15px; height: 100%; background-position: center; background-repeat: no-repeat; position: absolute; right: 20px; top: 0; background-image: url(../image/gj_10_kfr/jt.png);}
          .select{
            position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 10; left: 0; top: 0;
          }
        }
        .address{color: #0D5DFF; margin-bottom: 10px; display: inline-block; padding-right: 30px;}
        .js{font-size: 14px; color: #333333;}
        .addcity{
          position: absolute; right: 0; top: 0;
          .city{color: #999; margin-bottom: 14px;}
          .btn{
            width: 124px;
            height: 36px;
            border-radius: 18px;  display: block; line-height: 36px; text-align: center; font-size: 14px;
            
          }
        }
      }
    }
  }
}


.sl{
  .gj-main2{
    .w2{
      .item{
        width: 185px; margin-bottom: 20px;
        .sp{max-width: 130px;}
      }
    }
  }
  .gj-main2{
    .w3{
      .list1{
        padding-bottom: 20px;
      }
    }
  }
  .gj-common{
    .box1{
      .con{
        .le{
          .lab{font-weight: bold;}
        }
      }
    }
    .box2{
      .tit{margin-bottom: 25px;}
      .item{
        display: block; padding: 25px 0 20px; height: auto; background-color: transparent; border-radius: 0px; box-shadow: none; position: relative; border-bottom: 1px dashed #B9B9B9;
        .ico{display: none;}
        .w{font-size: 24px; max-width: 860px; margin-bottom: 16px;}
        .h{
          max-width: 860px; position: static;
          .more{
            width: 171px;
            height: 41px;
            background: #FF6747;
            border-radius: 20px;
            text-align: center; color: #fff; line-height: 41px; bottom: auto; top: 27px; padding: 0;
          }
        }
        &:last-child{
          padding-bottom: 14px; border-bottom: none;
        }
      }
    }
  }
}

.sl-xx-main1{
  margin-bottom: 82px;
  .gj-tit5{margin-bottom: 55px;}
  .list{background-color: #F5F6FF; border-radius: 20px; padding: 45px; position: relative;}
  .line{width: 1100px; height: 1px; border-top: 1px dashed #DCDCDC; position: absolute; left: 50%; margin-left: -550px; top: 113px; z-index: 1;}
  .item{
    text-align: center; position: relative; z-index: 4;
    .name{font-size: 24px; font-weight: bold; display: inline-block;vertical-align: middle; padding-left: 63px; background-position: 0 center; background-repeat: no-repeat; background-image: url(../image/sl_04_xx/ico1.png); line-height: 42px;}
    .ico{width: 16px; height: 16px; margin: 18px auto 24px; display: block; background-position: center; background-repeat: no-repeat; background-image: url(../image/sl_04_xx/ico2.png);}
    .txt{
      width: 226px; text-align: left;
      height: 145px;
      background: #FFFFFF;
      border-radius: 20px; padding: 20px 24px; font-size: 16px; margin: 0 auto 28px; font-size: 16px;
      .num{color: #7289FF;}
    }
  }
  .btn{
    height: 50px;width: 235px; margin: 0 auto; display: block;
    background: linear-gradient(0deg, #FF8A10 0%, #FFA91C 100%);
    border-radius: 25px; line-height: 50px; text-align: center; color: #fff; font-weight: bold; font-size: 18px;
  }
}
.sl-xx-main2{
  background: #4044E7; margin-bottom: 144px;
  border-radius: 0px 60px 0px 0px; padding-top: 48px; padding-bottom: 2px;
  font-size: 0px;
  .btn{
    width: 198px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px; font-size: 23px; line-height: 50px; text-align: center; display: inline-block; vertical-align: middle; margin-right: 136px; margin-bottom: 36px;
  }
  .list{
    margin-right: -160px;
  }
}
$slxx:#4853F1;
.sl-xx{
  .gj-tit5{
    &::before{background-image: url(../image/sl_04_xx/tit-ico1.png);}
    &::after{background-image: url(../image/sl_04_xx/tit-ico2.png);}
  }
  .sl-xx-main1{
    .item{
     .name{background-image: url(../image/sl_04_xx/ico1.png);} 
    }
  }
  .gj-xx-main2{
    .arrow{
      &.prev{background-image: url(../image/sl_04_xx/prev1.png);}
      &.next{background-image: url(../image/sl_04_xx/next1.png);}
    }
    .bottom{background-color: $slxx;}
    .tab1{
      .item{
        background-color: #ECECFF;
        &.on, &:hover{
          background-color: $slxx; color: #fff;
          &::after{border-top-color: $slxx;}
        }
      }
    }
    .tab2{
      .item{
        border-color: #B3B8FF;
        &.on{background-color: $slxx; color: #fff; border-color: $slxx;}
      }
    }
  }
}
$slcz:#FE8800;
.sl-cz{
  .gj-tit5{
    &::before{background-image: url(../image/sl_05_cz/tit-ico1.png);}
    &::after{background-image: url(../image/sl_05_cz/tit-ico2.png);}
  }
  .sl-xx-main1{
    .item{
     .name{background-image: url(../image/sl_05_cz/ico1.png);} 
     .num{color: #F87075;}
    }
  }
  .sl-xx-main2{
    background: linear-gradient(0deg, #FEAF00 0%, #FF8A00 100%);
  }
  .gj-xx-main2{
    .gj-tit5{
      &::before{background-image: url(../image/sl_05_cz/tit-ico3.png);}
      &::after{background-image: url(../image/sl_05_cz/tit-ico4.png);}
    }
    .arrow{
      &.prev{background-image: url(../image/sl_05_cz/prev1.png);}
      &.next{background-image: url(../image/sl_05_cz/next1.png);}
    }
    .bottom{background-color: $slcz;}
    .tab1{
      .item{
        background-color: #FFF0D5;
        &.on, &:hover{
          background-color: $slcz; color: #fff;
          &::after{border-top-color: $slcz;}
        }
      }
    }
    .tab2{
      .item{
        border-color: #FFC582;
        &.on{background-color: $slcz; color: #fff; border-color:$slcz;}
      }
    }
  }
  .gj-xx-main4{
    .gj-tit5{
      &::before{background-image: url(../image/sl_05_cz/tit-ico5.png);}
      &::after{background-image: url(../image/sl_05_cz/tit-ico6.png);}
    }
  }
}


$slgz:#29BA95;
.sl-gz{
  .gj-tit5{
    &::before{background-image: url(../image/sl_06_gz/tit-ico1.png);}
    &::after{background-image: url(../image/sl_06_gz/tit-ico2.png);}
  }
  .sl-xx-main1{
    .item{
     .name{background-image: url(../image/sl_06_gz/ico1.png);} 
     .num{color: #F87075;}
    }
  }
  .sl-xx-main2{
    background: linear-gradient(0deg, #4F5FC8 0%, #334095 100%);
  }
  .gj-xx-main2{
    .arrow{
      &.prev{background-image: url(../image/sl_06_gz/prev1.png);}
      &.next{background-image: url(../image/sl_06_gz/next1.png);}
    }
    .bottom{background-color: $slgz;}
    .tab1{
      .item{
        background-color: #E7FFF9;
        &.on, &:hover{
          background-color: $slgz; color: #fff;
          &::after{border-top-color: $slgz;}
        }
      }
    }
    .tab2{
      .item{
        border-color:#B7E7DB;
        &.on{background-color: $slgz; color: #fff; border-color:$slgz;}
      }
    }
  }
}

$slkfr:#2F63FF;
.sl-kfr.gj-kfr{
  .left{
    background-color: #fff; width: 220px; margin-top: -240px;
    .h2{background-color: $slkfr; background-image: url(../image/sl_08_kfr/ico1.png);}
    .item{
      color: #ADC1FF;
      border-radius: 19px; position: relative;
      &.on{
        color: $slkfr; border-color: $slkfr;
        &::after{background-color: $slkfr;}
      }
      &.active{
        background-color: $slkfr; color: #fff;
      }
    }
    
  }
  .right{
    .item{
      &.on{
        .addcity{
          .btn{background: $slkfr;}
        }
      }
      &.end{
        .addcity{
          .btn{ color: $slkfr;}
        }
      }
      
      .time{
        &::after{background-image: url(../image/sl_08_kfr/jt.png);}
      }
      .addcity{
        position: absolute; right: 0; top: 0;
        .city{color: #999; margin-bottom: 14px;}
        .btn{
          width: 124px;
          height: 36px;
          border-radius: 18px;  display: block; line-height: 36px; text-align: center; font-size: 14px;
          
        }
      }
    }
  }
}

@keyframes hzfirst {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.81);
  }
  100% {
    transform: scale(1);
  }
}
// 私立学校费用
$slfee:#2C63FA;
.sl-fee{
  background-color: #F3F3F3;
  .tit{color: $slfee;}
  .gj-how-tit{background-image: url(../image/sl_09_fee/tit-ico1.png)}
  .gj-how-main1{
    .vs{
      position: relative;
      .img{position: absolute; left: 444px; top: 164px; width: 202px; height: 357px; animation: hzfirst 1s infinite}
      .w-con{background-position: center; background-repeat: no-repeat;background-size: 100% 100%; width: 532px; height: 735px;}
      .h3{font-size: 20px; width: 244px; line-height: 50px; text-align: center; font-weight: bold; color: #fff;}
      .gl-con{background-image: url(../image/sl_09_fee/bg1.png)}
      .sl-con{
        background-image: url(../image/sl_09_fee/bg2.png);
        .h3{float: right;}
      }
      .gl-con{
        .name{color: #007DB6;}
        .list{
          margin-left: 37px; width: 380px; 
        }
      }
      .sl-con{
        .name{color: $slfee;}
        .list{
          margin-left: 100px;
        }
      }
      .list{
        clear: both; padding-top: 5px; width: 382px; 
        .item{
          padding: 18px 0 16px; border-bottom: 1px dashed #DBDBDB;  font-size: 16px;
          &:last-child{border-bottom: none;}
          .name{font-size: 18px; line-height: 1; margin-bottom: 8px;}
          .txt{line-height: 24px; height: 72px; overflow: hidden; letter-spacing: 1px;}
        }
      }
    }
  }
  
  .gj-yygz-main3{
    .tabs{
     .tab-item{
       width: 190px; height: 44px; margin-bottom: 9px; line-height: 44px; color: $slfee;
       &.on{background-image: url(../image/sl_09_fee/tab.png); margin-bottom: 0px; height: 53px; color: #fff;}
     }
    }
    .list{
      .item{
        .lab{font-size: 14px; margin-left: 20px;}
        .div{
          .title{margin-bottom: 8px;}
        }
      }
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $slfee;}
      }
    }
  }
}


// 私立学校排名
$slpm:#F8AE00;
.sl-xxpm{
  background-color: #F3F3F3;
  .tit{color: $slpm;}
  .gj-how-tit{background-image: url(../image/sl_10_xxpm/tit-ico1.png)}
  .sl-pm-main2{
    background: #FFA306; margin-bottom: 55px;
    border-radius: 20px;
    .tabs{
      padding: 0 25px; height: 100px;
      .item{line-height: 100px; width: 218px; text-align: center; font-size: 20px; color:#fff; display: inline-block; cursor: pointer;}
      .on{
        background-color: #FFF0D6; font-size: 24px; font-weight: bold; color: #FF4606;
      }
    }
    .con{
      background-color: #fff; padding: 34px 50px; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(105,105,105,0.32);
      .scroll-y{max-height: 540px;}
      .table{
        width: 100%;
        th{font-size: 18px; color: #FF3000; text-align: left; height: 84px; padding:0 12px; background-color: #FFF0D6;}
        td{
          font-size: 16px; color: #030303; text-align: left; padding:16px 12px;
          &.w1,&.w2{font-weight: bold;}
        }
        .on .w1{color: #FF3000;}
        .w1{width: 80px; padding-left: 24px;}
        .w2{width: 280px;}
        .w3{width: 160px;}
        .w4{width: 200px;}
        .w5{width: 130px;}
        .w6{ padding-right: 24px; }
        .tr2{
          td{background-color: #F6F6F6;}
        }
      }
    }
  }
  
  .gj-yygz-main3{
    .tabs{
     .tab-item{
       width: 190px; height: 44px; margin-bottom: 9px; line-height: 44px; color: $slpm; border-color: #FFE096;
       &.on{background-image: url(../image/sl_10_xxpm/tab.png); margin-bottom: 0px; height: 53px; color: #fff;}
     }
    }
    .list{
      .item{
        .lab{font-size: 14px; margin-left: 20px;}
        .div{
          .title{margin-bottom: 8px;}
        }
      }
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $slpm;}
      }
    }
  }
}
$slfj:#077DD9;
.sl-fjrx{
  background-color: #F3F3F3;
  .tit{color: $slfj;}
  .gj-how-tit{background-image: url(../image/sl_11_fjrx/tit-ico1.png)}
  .sl-fjrx-main1{
    background-color: #fff; padding: 50px; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(105,105,105,0.32); margin-bottom:50px;
    .item{
      width: 341px; height: 558px;
      .img{width: 100%; height: 100%; display: block;}
    }
  }
  
  .gj-yygz-main3{
    .tabs{
     .tab-item{
       width: 190px; height: 44px; margin-bottom: 9px; line-height: 44px; color: $slfj; border-color: #A8D9FF;
       &.on{background-image: url(../image/sl_11_fjrx/tab.png); margin-bottom: 0px; height: 53px; color: #fff;}
     }
    }
    .list{
      .item{
        .lab{font-size: 14px; margin-left: 20px;}
        .div{
          .title{margin-bottom: 8px;}
        }
      }
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $slfj;}
      }
    }
  }
}
// 私国立学校区别
$slqb:#5D28D8;
.sl-qb{
  background-color: #F3F3F3;
  .tit{color: $slqb;}
  .gj-how-tit{background-image: url(../image/sl_12_qb/tit-ico1.png)}
  .gj-how-main1{
    .qb-con{
      width: 1092px; height: 502px; background-position: center; background-repeat: no-repeat; background-image: url(../image/sl_12_qb/bg.png); padding: 50px 44px 0 44px;
      .w{width: 434px;}
      .tit{
        background-position: 0 center;  background-repeat: no-repeat; background-image: url(../image/sl_12_qb/ico.png); padding-left: 42px; line-height: 25px; font-size: 24px; color: $slqb; margin-bottom: 35px;
      }
      .item{padding: 5px; line-height: 24px; font-size: 16px; margin-bottom: 20px;background: #F9F7FF;}
    }
  }
  
  .gj-yygz-main3{
    .tabs{
     .tab-item{
       width: 190px; height: 44px; margin-bottom: 9px; line-height: 44px; color: $slqb; border-color: #A8D9FF;
       &.on{background-image: url(../image/sl_12_qb/tab.png); margin-bottom: 0px; height: 53px; color: #fff;}
     }
    }
    .list{
      .item{
        .lab{font-size: 14px; margin-left: 20px;}
        .div{
          .title{margin-bottom: 8px;}
        }
      }
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $slqb;}
      }
    }
  }
}
// 民办学校是什么意思
$mbwha:#FF5747;
.sl-mbwhat{
  background-color: #F3F3F3;
  .tit{color: $mbwha;}
  .gj-how-tit{background-image: url(../image/sl_13_mbwhat/tit-ico1.png)}
  .gj-how-main1{
    .what-list{
      .item{
        width:114px; height: 430px; background-position: center; background-size: 100% 100%; background-repeat: no-repeat;background-image: url(../image/sl_13_mbwhat/bg1.png); padding: 1px; cursor: pointer;
        .name-box{align-items: stretch;}
        .name{font-size: 18px; color: #fff; font-weight: bold; width: 20px; text-align: center; line-height: 1.2;}
        .num{font-size: 22px; font-weight: bold; margin: 47px auto 45px; text-align: center; color: #FF4938; display: block;}
        .div{width: 0px; overflow: hidden; max-width: 200px; margin: 36px auto 0;}
        .h2{font-size: 20px; font-weight: bold; color: $mbwha; line-height: 26px; max-height: 78px; overflow: hidden; margin-bottom: 20px;}
        .desc{color: #666666; font-size: 16px; line-height: 25px; max-height: 225px; overflow: hidden;}
        &.on{
          background-image: url(../image/sl_13_mbwhat/bg2.png); animation-fill-mode: forwards; animation-name: widths; animation-duration:0.2s;  animation-delay: 0s;
          .div{width: 100%; animation-fill-mode: forwards; animation-name: show; animation-duration:0.2s;  animation-delay: 0.1s; opacity: 0;}
          .name-box{display: none;}
          .num{display: none;}
        }
        .btn{
          width: 100%; max-width: 145px; 
          height: 40px;
          background: linear-gradient(0deg, #FF5747 0%, #FEBF6C 100%);
          border-radius: 20px; display: block; margin: 20px auto 0; line-height: 40px; text-align: center; font-size: 16px; color: #fff;
        }
      }
    }
  }
  
  .gj-yygz-main3{
    .tabs{
     .tab-item{
       width: 190px; height: 44px; margin-bottom: 9px; line-height: 44px; color: $mbwha; border-color: #FFC2BC;
       &.on{background-image: url(../image/sl_13_mbwhat/tab.png); margin-bottom: 0px; height: 53px; color: #fff;}
     }
    }
    .list{
      .item{
        .lab{font-size: 14px; margin-left: 20px;}
        .div{
          .title{margin-bottom: 8px;}
        }
      }
    }
  }
  .gj-how-main3{
    .w1{
      .item{
        &:hover{color: $mbwha;}
      }
    }
  }
}

@-moz-keyframes widths{
  0%{opacity: 0; width: 114px;}
  100%{opacity: 1; width: 248px;}
}
@keyframes widths{
  0%{opacity: 0; width: 114px;}
  100%{opacity: 1; width: 248px;}
}
@-moz-keyframes show{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes show{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

$test:#3D6BDE;
.test{
  background-image:  url(../image/test/bg2.png); background-repeat: repeat-x; 
  .bottom{background: #6691FD; line-height: 54px; text-align: center; font-size: 16px; margin-top: 127px; color: #fff;}
  #footer{display: none;}
  .app-con{
    background-image:  url(../image/test/bg1.png); background-repeat: no-repeat; padding-top: 265px;
  }
  .main{
    background: #FFFFFF; margin-bottom: 43px;
    border-radius: 20px;
  }
  .test-tit{
    width: 371px; font-size: 28px;
    height: 67px;
    background: #DEF2FF;
    border-radius: 0px 0px 20px 20px; text-align: center; line-height: 67px; color: $test; display: block; margin: 0 auto 68px;
    b{margin-left: 20px;}
  }
  .main1{
    padding-bottom: 67px;
    .tx-box{ margin: 0 auto 55px; width: 670px;}
    .tx{
      width: 232px; height: 232px; position: relative; margin-bottom: 24px;
      .img1{position: absolute; left: 0; bottom: 0;}
    }
    .tx0{color: #6691FD;}
    .tx1{color: #FF898C;}
    .name{font-size: 26px; text-align: center;}
    .form{
      width: 675px; margin: 68px auto; padding-left: 203px; position: relative;
      .hi{
        position: absolute; left: 0; top: -13px; color: $test; font-size: 34px; line-height: 1;
        b{font-size: 70px; margin-right: 22px; line-height: 60px;}
        .inbk{vertical-align: bottom; }
        .sp{line-height: 37px;}
      }
      .el-form-item__label{font-size: 26px; color: #000; padding-right: 0; line-height: 56px;}
      .el-input__inner{font-size: 24px; height: 56px; background-color: #EFF3FD; text-align: center; border-color: transparent; border-radius: 10px;}
      .el-form-item{margin-bottom: 18px;}
    }
  }
  .main2{
    padding-bottom: 55px;
    .list{margin-left: 73px;}
    .item{
      width: 184px; height: 73px; border: 1px solid #BBBBBB; border-radius: 36px; font-size: 27px; line-height: 73px; text-align: center; display: inline-block; vertical-align: middle; margin-right: 33px; margin-bottom: 36px;
      &.on{
        font-weight: bold; border-color: $test; color: $test;
      }
    }
  }
  .main3{
    padding: 0 70px 93px;
    .list{
      align-items: stretch;
    }
    .le{
      width: 150px; border: 1px solid #3D6BDE; border-radius: 20px 0px 0px 20px; padding: 40px 0;
      .item{
        font-size: 27px; margin-bottom: 18px; width: 112px; height: 47px; line-height: 47px;  background-position: center; background-repeat: no-repeat;  color: #6691FD; text-align: center; padding-right: 6px;
        &.on{font-weight: bold; background-image:  url(../image/test/tab.png); color: #fff;}
      }
    }
    .ri{
      background: #F0F4FF;
      border-radius: 0px 20px 20px 0px; padding-left: 33px; width: 910px;
      .item{
        margin: 0 36px 32px 0; width: 135px; height: 57px; background: #FFFFFF; border-radius: 10px; font-size: 24px; text-align: center; line-height: 57px; display: inline-block; vertical-align: middle;
        &.on{
          background-color: $test; color: #fff;
        }
      }
    }
  }

  .main4{
    padding-bottom: 68px;
    .list{
      width: 1050px; margin: 0 auto;
    }
    .item{
      width: 500px;
      height: 73px;
      border: 1px solid #BBBBBB;
      border-radius: 36px; line-height: 73px; text-align: center; font-size: 27px; margin-bottom: 20px;display: inline-block;vertical-align: middle;
      &.on{font-weight: bold; color: $test; border-color: $test;}
    }
    .textarea{
      clear: both; margin-right: -20px;
      .lab{color: $test; font-size: 27px; font-weight: bold;}
      .text{width: 958px; vertical-align: middle; display: inline-block;}
      .el-textarea__inner{font-size: 27px; padding: 8px; height: 136px; font-family: '微软雅黑';}
    }
  }
  
  .main5{
    margin-bottom: 80px;
    .main{padding-bottom: 40px; margin-bottom: 0;}
    .test-tit{margin-bottom:60px}
    .le{
      width: 568px;
      .item{
        width: 480px; line-height: 73px;border-radius: 36px; overflow: hidden; font-size: 27px; margin:0 auto 30px;
        .name{width: 225px; background-color: $test; color: #fff; border-radius: 36px; height: 73px; text-align: center; position: relative; z-index: 5;}
        .w2{
          width: 280px; margin-left: -35px; height: 73px; border: 1px dashed #6691FD; padding-left: 45px; border-radius: 0 40px 40px 0;
          .sp{display: inline-block; vertical-align: top;}
          .text{width:140px; display: inline-block;vertical-align: top; height: 43px; border-radius: 36px;}
          .el-input__inner{background-color: #F0F4FF; border-radius: 20px; border: none; font-size: 27px;}
        }
      }
    }
    .ri{
      width: 568px;
      .item{
        width: 478px; height: 73px; border: 1px dashed #6691FD; border-radius: 36px; font-size: 27px; line-height: 73px; text-align: center; margin:0 auto 30px; position: relative; color: #3A3A3A;
        &.on{
          color: $test; font-weight: bold;
          &::after{display: block; content: ''; position: absolute; width: 37px; height: 37px; right: 14px; top:-18px; background-image:  url(../image/test/dh.png);}
        }
      }
    }
  }

  .submit-btn{
    width: 557px;
    height: 130px;
    background: linear-gradient(0deg, #FFFFFF 0%, #000000 0%, #6691FD 0%, #1B54E2 100%);
    border-radius: 20px; font-size: 43px; font-weight: bold; margin: 0 auto; color: #fff;
  }
}





.fl{float: left;}
.fr{float: right;}
.ny-banner{height: 484px; background-position: center; background-repeat: no-repeat; background-size: auto 100%; margin-bottom: 70px;}
.gj-tit2{font-size: 24px; padding-left: 55px; background-position: 0 center; background-repeat: no-repeat; background-image: url(../image/gj/jt.png); margin-left: -10px;}
.gj-tit3{
  font-size: 20px; font-weight: bold;height: 50px; border-bottom: 1px solid #D9D9D9; margin-bottom: 25px;
  *{display:inline-block; vertical-align: middle;}
  .ico{margin-right: 13px; width: 30px;}
}
.gj-tit4{
  width: 620px; height: 66px; line-height: 64px; text-align: center; position: relative; border: 1px solid #B0BA9E; font-size: 30px; font-weight: bold; margin: 47px auto;
  &::after, &::before{content: ''; display: block; width: 35px; border: 1px solid #B0BA9E; height: 50px; top: 20px; position: absolute;}
  &::after{right: -16px; border-left: none;}
  &::before{left: -16px; border-right: none;}
}

.gj-tit5{
   text-align: center; display: flex; align-items: center; justify-content: center; font-size: 0px;
  *{display: inline-block; vertical-align: middle;}
  .sp{font-size: 36.7px; margin: 0 45px;}
  &::after, &::before{content: ''; display: inline-block; vertical-align: middle; width: 88px; height: 66px; background-position: center;background-repeat: no-repeat; background-size: 100% 100%;}
  &::before{background-image: url(../image/gj-04-yey/tit-ico1.png);}
  &::after{background-image: url(../image/gj-04-yey/tit-ico2.png);}
}
.news-list{
  .item{
    font-size: 16px; line-height: 40px; height: 40px;
    &:hover{color: $red;}
    .lab{color: $red;}
    .time{color: #828282;}
  }
}
